From 0dacced96c8d8c817bb8ebdb6db80f8470c16261 Mon Sep 17 00:00:00 2001
From: Tykayn <contact@cipherbliss.com>
Date: Mon, 4 Nov 2024 23:57:23 +0100
Subject: [PATCH] up content tykayn blog

---
 html-websites/tykayn_blog/index.html          | 272 +++++++++++-
 ...5_tkblog_100_foto-trip-et-drunken-pen.html | 403 ++++++++++++++++++
 ...st-2006-y-a-t-il-une-vie-aprs-hardgay.html | 403 ++++++++++++++++++
 ...tkblog_331_atelier-cocci-fin-novembre.html | 403 ++++++++++++++++++
 ...4_plan-loose-lol-et-crpes-par-t-i-e-s.html | 403 ++++++++++++++++++
 ...3_du-neuf-du-pognon-duku-tout-va-bien.html | 403 ++++++++++++++++++
 ...0070501135741_tkblog_405_aber-tu-sors.html | 403 ++++++++++++++++++
 ...4806_tkblog_132_tuto-d-une-page-de-bd.html | 403 ++++++++++++++++++
 ...070523034830_tkblog_282_la-dame-juive.html | 403 ++++++++++++++++++
 .../20070601181939_tkblog_281_entre-deux.html | 403 ++++++++++++++++++
 ...0070630000855_tkblog_299_la-q-hotline.html | 403 ++++++++++++++++++
 ...0724063230_tkblog_87_l-avis-de-pansai.html | 403 ++++++++++++++++++
 ..._tkblog_167_joriverssaire-et-youkoull.html | 403 ++++++++++++++++++
 ...162400_tkblog_417_le-blog-cach-d-aber.html | 403 ++++++++++++++++++
 ...70904013545_tkblog_327_kot-life-start.html | 403 ++++++++++++++++++
 ...0070919165250_tkblog_302_saint-luc-bd.html | 403 ++++++++++++++++++
 ...g_108_ma-premire-tablette-graphique-q.html | 403 ++++++++++++++++++
 ...57_tkblog_513_juju-la-jujunkee-drogue.html | 403 ++++++++++++++++++
 ...20080113213617_tkblog_390_no-hll-2007.html | 403 ++++++++++++++++++
 ...0080204202806_tkblog_462_culture-arte.html | 403 ++++++++++++++++++
 ...9_tkblog_557_j-vous-prsente-le-poulpe.html | 403 ++++++++++++++++++
 ...tkblog_466_sondage-sur-l-homosexualit.html | 403 ++++++++++++++++++
 ...74039_tkblog_115_tuto-cours-d-antomie.html | 403 ++++++++++++++++++
 ...20080512221301_tkblog_294_pour-motive.html | 403 ++++++++++++++++++
 ...-fuite-et-dcroissance-des-intervalles.html | 403 ++++++++++++++++++
 ...80629140013_tkblog_441_s-les-vacances.html | 403 ++++++++++++++++++
 ...2153435_tkblog_146_c-est-quoi-troller.html | 403 ++++++++++++++++++
 ...04_tkblog_293_les-affaires-reprennent.html | 403 ++++++++++++++++++
 ...81018215905_tkblog_329_gteau-polonais.html | 403 ++++++++++++++++++
 ...uto-comment-trouver-un-point-de-fuite.html | 403 ++++++++++++++++++
 ...ryd-agunnaryd-c-est-plus-fort-que-toi.html | 403 ++++++++++++++++++
 ...8_concert-haloween-paris-gare-du-nord.html | 403 ++++++++++++++++++
 ...blog_292_l-oekaki-board-de-q-est-ne-0.html | 403 ++++++++++++++++++
 ...01842_tkblog_323_bd2-exercice-2-page1.html | 403 ++++++++++++++++++
 ...natomie-myologie-du-bras-et-du-visage.html | 403 ++++++++++++++++++
 ..._pas-pas-l-aire-de-repos-aprs-l-amour.html | 403 ++++++++++++++++++
 ...blog_287_how-i-met-your-mother-fanart.html | 403 ++++++++++++++++++
 ..._tkblog_289_projet-omg-matou-rigolo-3.html | 403 ++++++++++++++++++
 ...288_illustrer-le-kamasutra-version-tk.html | 403 ++++++++++++++++++
 ...419_tkblog_663_quotes-irc-e-kaki-ms-q.html | 403 ++++++++++++++++++
 ...27_anatomie-myologie-des-fesses-du-ku.html | 403 ++++++++++++++++++
 ...-cole-gobelins-paris-et-pivaut-nantes.html | 403 ++++++++++++++++++
 ...93_job-d-t-la-brioche-dore-de-caluire.html | 403 ++++++++++++++++++
 ...845_tkblog_172_soubrettes-d-atelier-q.html | 403 ++++++++++++++++++
 ...12_tykayn-nu-c-est-pour-pour-les-fans.html | 403 ++++++++++++++++++
 ...9_tre-une-femme-sexuellement-correcte.html | 403 ++++++++++++++++++
 ...og_119_saint-luc-portes-ouvertes-2009.html | 403 ++++++++++++++++++
 ...uestions-pour-les-fanzines-q-3-et-q-4.html | 403 ++++++++++++++++++
 ...ais-assez-fort-pour-rsoudre-ce-calcul.html | 403 ++++++++++++++++++
 ...22_myologie-des-jambes-et-des-cuisses.html | 403 ++++++++++++++++++
 ...tkblog_475_vovo-fiction-encore-un-tag.html | 403 ++++++++++++++++++
 ...5603_tkblog_278_ho-un-atelier-cocci-0.html | 403 ++++++++++++++++++
 ...drugs-don-t-go-out-at-night-just-fuck.html | 403 ++++++++++++++++++
 ...-pastels-gras-l-essence-de-trbenthine.html | 403 ++++++++++++++++++
 ...25_tkblog_280_c-est-la-fte-au-village.html | 403 ++++++++++++++++++
 ...la-ferme-d-cancourt-c-est-kawaiiiiiii.html | 403 ++++++++++++++++++
 ...2101_tkblog_141_cocktails-d-atelier-q.html | 403 ++++++++++++++++++
 ...225207_tkblog_279_a-pwal-le-paintchat.html | 403 ++++++++++++++++++
 ...627_tkblog_91_amnagement-de-printemps.html | 403 ++++++++++++++++++
 ...130645_tkblog_333_moloko-sing-it-back.html | 403 ++++++++++++++++++
 ...16125836_tkblog_555_badminton-de-nuit.html | 403 ++++++++++++++++++
 ...og_553_ponsoir-la-soire-va-tre-rasoir.html | 403 ++++++++++++++++++
 .../20090728015924_tkblog_285_see-it-all.html | 403 ++++++++++++++++++
 ...kblog_277_les-recherches-q-c-est-nimp.html | 403 ++++++++++++++++++
 ...l-de-la-sant-d-aurlie-spcial-clitoris.html | 403 ++++++++++++++++++
 ...a-s-passe-comme-a-au-square-du-canada.html | 403 ++++++++++++++++++
 ...3741_tkblog_275_c-est-trop-dur-la-vie.html | 403 ++++++++++++++++++
 ...og_527_estuans-imterius-ira-vehementi.html | 403 ++++++++++++++++++
 ...blog_518_maturit-selon-docteur-poulpe.html | 403 ++++++++++++++++++
 ..._502_jm-en-pte-une-chaise-de-louis-15.html | 403 ++++++++++++++++++
 ...6202118_tkblog_506_tablette-ressucite.html | 403 ++++++++++++++++++
 ...blog_117_dbarquement-de-dieppe-v-2009.html | 403 ++++++++++++++++++
 ...er-un-projet-bd-de-faon-pro-un-diteur.html | 403 ++++++++++++++++++
 ...491_dieppe-les-ch-tis-savent-pourquoi.html | 403 ++++++++++++++++++
 ...3357_tkblog_484_canadaenne-qui-parwle.html | 403 ++++++++++++++++++
 ...blog_204_le-jeu-du-mur-avec-un-ballon.html | 403 ++++++++++++++++++
 ...902140606_tkblog_481_petit-bois-belge.html | 403 ++++++++++++++++++
 ...pour-toi-public-une-photo-de-ma-douce.html | 403 ++++++++++++++++++
 ...kblog_483_hypocras-sernik-et-nonettes.html | 403 ++++++++++++++++++
 ...2232119_tkblog_480_portfolio-en-ligne.html | 403 ++++++++++++++++++
 ...757_tkblog_474_aber-le-milliardaire-2.html | 403 ++++++++++++++++++
 ...blog_274_se-sentir-femme-des-annes-80.html | 403 ++++++++++++++++++
 ...24184037_tkblog_473_bd2-v2-exercice-1.html | 403 ++++++++++++++++++
 ...328_une-grosse-connerie-heu-boucherie.html | 403 ++++++++++++++++++
 ...0925233828_tkblog_470_de-la-boucherie.html | 403 ++++++++++++++++++
 ...61_critiquer-nano07-livre1-couverture.html | 403 ++++++++++++++++++
 ...7041207_tkblog_504_aquarelle-nabaztag.html | 403 ++++++++++++++++++
 ...3232_tkblog_465_pinceau-d-exclamation.html | 403 ++++++++++++++++++
 ...jolies-filles-mettent-moins-de-parfum.html | 403 ++++++++++++++++++
 ...og_452_critiquer-storyboard-boucherie.html | 403 ++++++++++++++++++
 ..._tkblog_111_anatomie-dtails-de-visage.html | 403 ++++++++++++++++++
 ...6204124_tkblog_437_i-dizayne-your-mum.html | 403 ++++++++++++++++++
 ..._mets-du-punk-dans-tes-cours-de-philo.html | 403 ++++++++++++++++++
 ...uto-comment-dessiner-un-espace-reflet.html | 403 ++++++++++++++++++
 ...2201813_tkblog_419_aquarelles-bonsoir.html | 403 ++++++++++++++++++
 ..._tkblog_418_simples-souvenirs-de-lyce.html | 403 ++++++++++++++++++
 ...-le-milliardaire-qui-aide-les-pauvres.html | 403 ++++++++++++++++++
 ...og_415_aber-le-philosophe-miliardaire.html | 403 ++++++++++++++++++
 ...130953_tkblog_416_comme-a-se-prononce.html | 403 ++++++++++++++++++
 ...4214344_tkblog_414_halouwine-de-merde.html | 403 ++++++++++++++++++
 ...1025005406_tkblog_412_sweets-lineless.html | 403 ++++++++++++++++++
 ...og_410_aber-dans-un-nourriture-rapide.html | 403 ++++++++++++++++++
 .../20091030220402_tkblog_411_vis-ticket.html | 403 ++++++++++++++++++
 ...7-voyages-en-khelens-livre-1-version2.html | 403 ++++++++++++++++++
 ...02_tkblog_407_aber-contre-le-samourai.html | 403 ++++++++++++++++++
 ...22_tkblog_406_la-vrit-sur-les-anglais.html | 403 ++++++++++++++++++
 ...1115045829_tkblog_162_dessins-de-tous.html | 403 ++++++++++++++++++
 ...84059_tkblog_404_alchimie-boulangerie.html | 403 ++++++++++++++++++
 ...51_tkblog_402_l-heure-du-th-pour-aber.html | 403 ++++++++++++++++++
 .../20091118125053_tkblog_104_fte-aber.html   | 403 ++++++++++++++++++
 ...kblog_403_tout-est-relatif-selon-aber.html | 403 ++++++++++++++++++
 ...3_toi-aussi-retrouve-aber-n-importe-o.html | 403 ++++++++++++++++++
 .../20091118125652_tkblog_400_bientt-nol.html | 403 ++++++++++++++++++
 ...0713_tkblog_401_aber-chez-les-anglais.html | 403 ++++++++++++++++++
 ...-moins-avec-une-bille-dans-le-fromage.html | 403 ++++++++++++++++++
 ...399_vous-tes-pris-de-suivre-les-cours.html | 403 ++++++++++++++++++
 ...091118132136_tkblog_396_fanart-yugioh.html | 403 ++++++++++++++++++
 ...8132407_tkblog_398_les-fleurs-du-cmal.html | 403 ++++++++++++++++++
 ...118133313_tkblog_392_un-peu-de-mmoria.html | 403 ++++++++++++++++++
 ...kblog_139_tuto-perspective-par-mesure.html | 403 ++++++++++++++++++
 ...boucherie-d-anderlecht-bd-en-couleurs.html | 403 ++++++++++++++++++
 ...5_tkblog_395_mr-morality-l-homme-sage.html | 403 ++++++++++++++++++
 ...4_gteau-chocolat-framboises-spcial-tk.html | 403 ++++++++++++++++++
 ...0172626_tkblog_273_stairway-to-heaven.html | 403 ++++++++++++++++++
 ...1206175501_tkblog_389_oh-une-bad-girl.html | 403 ++++++++++++++++++
 ...s-pourraient-tre-les-oiseaux-de-daria.html | 403 ++++++++++++++++++
 ...829_tkblog_388_scientifiquement-prouv.html | 403 ++++++++++++++++++
 ..._tkblog_386_anatomie-et-nus-nov-dec09.html | 403 ++++++++++++++++++
 ...0232148_tkblog_140_schma-sociologique.html | 403 ++++++++++++++++++
 ...20091212045626_tkblog_384_i-pod-by-tk.html | 403 ++++++++++++++++++
 ..._andrea-boceli-et-aber-le-miliardaire.html | 403 ++++++++++++++++++
 ...20091228112148_tkblog_383_woot-movies.html | 403 ++++++++++++++++++
 ...omosexuels-bisexuels-et-tout-le-reste.html | 403 ++++++++++++++++++
 ...15021_tkblog_381_illumination-inutile.html | 403 ++++++++++++++++++
 .../20100109201552_tkblog_380_tram-stop.html  | 403 ++++++++++++++++++
 ...blog_378_aber-nol-milliardaire-gnreux.html | 403 ++++++++++++++++++
 ...tkblog_373_j-demande-l-avis-du-public.html | 403 ++++++++++++++++++
 ...kblog_375_pdagogie-chinoise-il-parait.html | 403 ++++++++++++++++++
 ...194049_tkblog_372_concept-art-tichaud.html | 403 ++++++++++++++++++
 ...u-beurre-et-le-sourire-du-modle-de-nu.html | 403 ++++++++++++++++++
 ...e-crocodile-qui-ne-se-lche-pas-le-dos.html | 403 ++++++++++++++++++
 ...og_269_au-bar-avec-pacotine-aka-angie.html | 403 ++++++++++++++++++
 ..._tkblog_377_l-nigme-des-trois-maisons.html | 403 ++++++++++++++++++
 ...43_tkblog_272_koan-koan-dit-le-canard.html | 403 ++++++++++++++++++
 ...0129213918_tkblog_222_muse-horta-2010.html | 403 ++++++++++++++++++
 ...les-dbuts-de-scnario-d-un-best-seller.html | 403 ++++++++++++++++++
 ...21_apperu-projet-omg-pour-fanzine-q-3.html | 403 ++++++++++++++++++
 ...blog_422_apperu-bd-les-larmes-de-miel.html | 403 ++++++++++++++++++
 ...213171501_tkblog_423_soire-communiste.html | 403 ++++++++++++++++++
 ...3124_tkblog_424_vraie-note-de-blog-bd.html | 403 ++++++++++++++++++
 ...1_tkblog_464_i-am-haunted-by-dreamses.html | 403 ++++++++++++++++++
 ...223160542_tkblog_428_anniv-lauwenmark.html | 403 ++++++++++++++++++
 ..._427_janvier-et-fvrier-2010-en-images.html | 403 ++++++++++++++++++
 .../20100225163110_tkblog_426_micro-onde.html | 403 ++++++++++++++++++
 ...filles-chattes-chapitre-3-coming-soon.html | 403 ++++++++++++++++++
 ...japonais-cartouche-d-encre-communiste.html | 403 ++++++++++++++++++
 ...20100304191943_tkblog_430_nus-de-jsus.html | 403 ++++++++++++++++++
 ...g_432_muse-des-instruments-de-musique.html | 403 ++++++++++++++++++
 .../20100304193059_tkblog_431_rteau.html      | 403 ++++++++++++++++++
 ..._tkblog_434_speed-writing-et-painting.html | 403 ++++++++++++++++++
 ...180107_tkblog_433_mine-de-plomb-youpi.html | 403 ++++++++++++++++++
 ...-soir-au-maman-lambic-de-saint-gilles.html | 403 ++++++++++++++++++
 ...1108_tkblog_435_pluuuuuuus-de-dessins.html | 403 ++++++++++++++++++
 ...0318204936_tkblog_438_marbres-de-rome.html | 403 ++++++++++++++++++
 ...5545_tkblog_436_rome-et-ses-conneries.html | 403 ++++++++++++++++++
 .../20100322214720_tkblog_439_culture-tl.html | 403 ++++++++++++++++++
 ...39_tkblog_443_a-spasse-comme-a-en-bd2.html | 403 ++++++++++++++++++
 ...0100324010955_tkblog_444_arcadi-s-art.html | 403 ++++++++++++++++++
 ...325142139_tkblog_446_tiramisu-tk-land.html | 403 ++++++++++++++++++
 ...kblog_445_bd-finie-les-larmes-de-miel.html | 403 ++++++++++++++++++
 ...401190657_tkblog_447_dcoupage-lisible.html | 403 ++++++++++++++++++
 ...blog_449_maintenant-commence-l-avenir.html | 403 ++++++++++++++++++
 .../20100405003055_tkblog_448_1er-avril.html  | 403 ++++++++++++++++++
 .../20100405003841_tkblog_450_caf-cadeau.html | 403 ++++++++++++++++++
 ...og_187_le-bleu-est-une-couleur-chaude.html | 403 ++++++++++++++++++
 ...0_tkblog_454_ppte-voyage-au-printemps.html | 403 ++++++++++++++++++
 ...4918_tkblog_271_chapitre-3-omg-wouala.html | 403 ++++++++++++++++++
 ...20100420000747_tkblog_455_tea-for-two.html | 403 ++++++++++++++++++
 .../20100420192210_tkblog_458_steam-punk.html | 403 ++++++++++++++++++
 ...92423_tkblog_460_trailer-bd-omg-chap3.html | 403 ++++++++++++++++++
 ...2_tkblog_456_salut-patrick-xkcd-style.html | 403 ++++++++++++++++++
 ...355_tkblog_457_embauche-et-en-finesse.html | 403 ++++++++++++++++++
 ...tkblog_482_draguer-une-mathmaticienne.html | 403 ++++++++++++++++++
 .../20100424144606_tkblog_459_vampires.html   | 403 ++++++++++++++++++
 ...49_tkblog_537_plus-l-infini-et-au-del.html | 403 ++++++++++++++++++
 ...tkblog_487_vaisselle-des-lamentations.html | 403 ++++++++++++++++++
 ..._tkblog_284_q-est-un-ensemble-naturel.html | 403 ++++++++++++++++++
 ...4_tkblog_208_how-i-met-your-mother-vf.html | 403 ++++++++++++++++++
 ...003955_tkblog_116_paintchat-ice-cream.html | 403 ++++++++++++++++++
 ...6153517_tkblog_472_fanart-candy-trash.html | 403 ++++++++++++++++++
 ...434_tkblog_525_orgie-chez-les-erasmus.html | 403 ++++++++++++++++++
 ...20100430184533_tkblog_109_truc-de-ouf.html | 403 ++++++++++++++++++
 ...430191746_tkblog_479_ditions-du-puits.html | 403 ++++++++++++++++++
 ...og_503_karam-s-en-bat-les-quenouilles.html | 403 ++++++++++++++++++
 ...3_tkblog_486_on-est-tous-des-imbciles.html | 403 ++++++++++++++++++
 .../20100501000341_tkblog_213_vacamente.html  | 403 ++++++++++++++++++
 ...7_tkblog_476_tykayn-violence-ou-calme.html | 403 ++++++++++++++++++
 ...14_tkblog_477_acide-dsoxyribonuclique.html | 403 ++++++++++++++++++
 ...88_tykayn-dans-l-quipe-de-what-z-next.html | 403 ++++++++++++++++++
 ...tkblog_489_hadh-dans-le-vortex-chatte.html | 403 ++++++++++++++++++
 ...0520024455_tkblog_490_tykayn-par-hadh.html | 403 ++++++++++++++++++
 .../20100523021200_tkblog_268_q-badges.html   | 403 ++++++++++++++++++
 ..._le-mythe-de-la-maman-et-de-la-putain.html | 403 ++++++++++++++++++
 ...g_496_exposition-abcdaire-de-l-italie.html | 403 ++++++++++++++++++
 ...tkblog_498_sous-vtements-intelligents.html | 403 ++++++++++++++++++
 ...20100606142229_tkblog_501_nus-du-soir.html | 403 ++++++++++++++++++
 ...609005106_tkblog_500_pourquoi-rflchir.html | 403 ++++++++++++++++++
 ...0100609230248_tkblog_93_cours-du-soir.html | 403 ++++++++++++++++++
 .../20100616195404_tkblog_499_confiotte.html  | 403 ++++++++++++++++++
 ...505_surfusion-bd-jury-fin-d-anne-2010.html | 403 ++++++++++++++++++
 ...0_tkblog_267_tweet-tweet-et-q3-imprim.html | 403 ++++++++++++++++++
 ...4_tkblog_266_how-i-met-cobie-smulders.html | 403 ++++++++++++++++++
 ...40746_tkblog_508_icones-todojsc-youpi.html | 403 ++++++++++++++++++
 ...log_558_lon-le-tueur-qui-boit-du-lait.html | 403 ++++++++++++++++++
 .../20100629153927_tkblog_265_badges-q.html   | 403 ++++++++++++++++++
 ...0713212511_tkblog_515_mots-cls-de-l-t.html | 403 ++++++++++++++++++
 ...kblog_512_je-collectionne-les-canards.html | 403 ++++++++++++++++++
 .../20100715002723_tkblog_511_scrabble.html   | 403 ++++++++++++++++++
 ..._tkblog_514_hadh-m-a-fait-une-ddicace.html | 403 ++++++++++++++++++
 ...est-ce-que-les-oiseaux-ont-le-vertige.html | 403 ++++++++++++++++++
 ...kblog_516_conseil-relationnel-du-jour.html | 403 ++++++++++++++++++
 ...tkblog_468_forest-adventure-normandie.html | 403 ++++++++++++++++++
 ...og_181_la-maison-du-biscuit-normandie.html | 403 ++++++++++++++++++
 ...og_519_une-nuit-pendant-la-japan-expo.html | 403 ++++++++++++++++++
 .../20100814221618_tkblog_520_vadrouille.html | 403 ++++++++++++++++++
 ...te-le-chat-s-life-couverture-de-livre.html | 403 ++++++++++++++++++
 ...214302_tkblog_526_de-lekter-ses-pieds.html | 403 ++++++++++++++++++
 .../20100816214604_tkblog_524_sexuelle.html   | 403 ++++++++++++++++++
 ..._tkblog_531_proposition-incandescente.html | 403 ++++++++++++++++++
 ...819214418_tkblog_530_confusion-pirate.html | 403 ++++++++++++++++++
 ...rs-couverture-q-4-fin-dans-3-semaines.html | 403 ++++++++++++++++++
 ...blog_263_concours-q-fin-dans-10-jours.html | 403 ++++++++++++++++++
 ...0809_tkblog_528_joyeux-18-ans-de-hadh.html | 403 ++++++++++++++++++
 ...831193311_tkblog_532_tykayn-hadh-land.html | 403 ++++++++++++++++++
 ...33_pourquoi-les-hommes-pissent-debout.html | 403 ++++++++++++++++++
 ...00906204035_tkblog_262_ddicaces-q-d-t.html | 403 ++++++++++++++++++
 ...100907200756_tkblog_534_dans-le-futur.html | 403 ++++++++++++++++++
 ...20515_tkblog_538_buttes-chaumont-2010.html | 403 ++++++++++++++++++
 ...8_tkblog_535_signaltique-des-latrines.html | 403 ++++++++++++++++++
 ...9000903_tkblog_536_sex-toys-du-peuple.html | 403 ++++++++++++++++++
 ...blog_543_pas-assez-de-billets-de-blog.html | 403 ++++++++++++++++++
 ...61_l-amour-c-est-pas-pour-les-enfants.html | 403 ++++++++++++++++++
 ...83815_tkblog_539_adage-de-programmeux.html | 403 ++++++++++++++++++
 ...37_tkblog_540_les-gaufres-dgueulasses.html | 403 ++++++++++++++++++
 ...924224049_tkblog_542_salut-mali-bercy.html | 403 ++++++++++++++++++
 ...00927181955_tkblog_196_festiblog-2010.html | 403 ++++++++++++++++++
 ...0928195721_tkblog_545_mangasse-boulet.html | 403 ++++++++++++++++++
 ...31_tkblog_546_optimise-ton-supermarch.html | 403 ++++++++++++++++++
 ...our-bd-avec-tableau-excel-open-office.html | 403 ++++++++++++++++++
 .../20101003195851_tkblog_549_noob-user.html  | 403 ++++++++++++++++++
 ...48_love-story-entre-anne-lise-et-hadh.html | 403 ++++++++++++++++++
 ...kblog_550_famapoelle-pour-monsieur-to.html | 403 ++++++++++++++++++
 ...kblog_551_bd3-splinter-la-bibliothque.html | 403 ++++++++++++++++++
 ...45_tkblog_554_10-oct-2010-sta-dire-42.html | 403 ++++++++++++++++++
 ...0164826_tkblog_560_innocente-jeunesse.html | 403 ++++++++++++++++++
 .../20101012230651_tkblog_559_i-whistle.html  | 403 ++++++++++++++++++
 ...15211826_tkblog_561_squatt-chez-garga.html | 403 ++++++++++++++++++
 ...6123750_tkblog_562_adieu-ppte-le-chat.html | 403 ++++++++++++++++++
 .../20101026234131_tkblog_259_erreur-500.html | 403 ++++++++++++++++++
 ...amation-sont-le-signe-d-une-me-drange.html | 403 ++++++++++++++++++
 ...kblog_134_bouteille-message-saint-luc.html | 403 ++++++++++++++++++
 ...salon-des-arts-mnagers-2010-charleroi.html | 403 ++++++++++++++++++
 ...75109_tkblog_129_demotivational-stuff.html | 403 ++++++++++++++++++
 ...kblog_101_encore-des-femmes-poil-nues.html | 403 ++++++++++++++++++
 ...cote-trs-trs-cher-de-couler-un-bronze.html | 403 ++++++++++++++++++
 ...blog_341_les-pneus-sados-maso-bondage.html | 403 ++++++++++++++++++
 ...03_photos-fin-d-anne-2010-en-belgique.html | 403 ++++++++++++++++++
 ...11003_tkblog_345_le-syndrome-de-patou.html | 403 ++++++++++++++++++
 ...3212809_tkblog_175_repas-de-nouvel-an.html | 403 ++++++++++++++++++
 ...104125825_tkblog_154_hacking-de-frigo.html | 403 ++++++++++++++++++
 ...10118232724_tkblog_158_oubapo-reprise.html | 403 ++++++++++++++++++
 ..._209_j-ai-rien-me-mettre-dit-la-femme.html | 403 ++++++++++++++++++
 ...8171829_tkblog_114_nus-de-femmes-nues.html | 403 ++++++++++++++++++
 ...0212185515_tkblog_166_butt-man-pacman.html | 403 ++++++++++++++++++
 ...1713_tkblog_332_conseils-relationnels.html | 403 ++++++++++++++++++
 ...4731_tkblog_179_badminton-punishement.html | 403 ++++++++++++++++++
 ...7165525_tkblog_368_tykayn-et-la-grace.html | 403 ++++++++++++++++++
 ...7165952_tkblog_123_quelques-conneries.html | 403 ++++++++++++++++++
 ...une-femme-nue-ne-la-draguez-pas-merci.html | 403 ++++++++++++++++++
 .../20110306014033_tkblog_362_jakadi.html     | 403 ++++++++++++++++++
 ...blog_182_catzilla-en-gravure-sur-mtal.html | 403 ++++++++++++++++++
 ...09_tkblog_346_gille-sortant-des-vlams.html | 403 ++++++++++++++++++
 ..._348_bd-gauche-retouche-galerie-mieux.html | 403 ++++++++++++++++++
 ...g-pour-devenir-riche-avec-son-magasin.html | 403 ++++++++++++++++++
 ...kblog_168_banquier-over-nine-thousand.html | 403 ++++++++++++++++++
 ...uvertes-esa-saint-luc-et-made-in-asia.html | 403 ++++++++++++++++++
 ...stro-3d-avec-appareil-numrique-simple.html | 403 ++++++++++++++++++
 ...5082708_tkblog_231_vibromasseur-si-si.html | 403 ++++++++++++++++++
 ...00_tkblog_169_corps-plastins-de-l-ucl.html | 403 ++++++++++++++++++
 ...3_tkblog_237_aquarelles-relles-relles.html | 403 ++++++++++++++++++
 ...kblog_218_chine-mtro-et-signalisation.html | 403 ++++++++++++++++++
 ...535_tkblog_200_demotivators-de-moscou.html | 403 ++++++++++++++++++
 ...110502220132_tkblog_164_fouine-a-parl.html | 403 ++++++++++++++++++
 ...g_216_croquis-rapides-la-gare-du-midi.html | 403 ++++++++++++++++++
 ...44_firefox-4-syncronisation-et-add-on.html | 403 ++++++++++++++++++
 ...0_tkblog_151_eve-rest-histoire-courte.html | 403 ++++++++++++++++++
 ...32_tkblog_298_weekend-buttes-chaumont.html | 403 ++++++++++++++++++
 ...842_tkblog_178_aquarelles-et-portal-2.html | 403 ++++++++++++++++++
 ...0404_tkblog_113_go-go-go-geek-faeries.html | 403 ++++++++++++++++++
 ...blog_257_geek-faeries-les-gens-du-rve.html | 403 ++++++++++++++++++
 ...kblog_180_stase-dans-une-boite-teaser.html | 403 ++++++++++++++++++
 ...5_tkblog_230_feuille-de-repre-pour-bd.html | 403 ++++++++++++++++++
 ...issage-ds-18-heures-au-jacques-franck.html | 403 ++++++++++++++++++
 ...5_georges-clooney-et-autres-conneries.html | 403 ++++++++++++++++++
 ...10707183636_tkblog_353_un-appart-vide.html | 403 ++++++++++++++++++
 ...tkblog_297_dessins-de-japan-expo-2011.html | 403 ++++++++++++++++++
 ...kblog_155_cosplays-de-japan-expo-2011.html | 403 ++++++++++++++++++
 ...blog_296_recueil-anonyme-de-fantasmes.html | 403 ++++++++++++++++++
 ...og_157_nouvelles-bannires-et-mnagerie.html | 403 ++++++++++++++++++
 ...092947_tkblog_330_projets-du-moment-2.html | 403 ++++++++++++++++++
 ...20110724231342_tkblog_174_sketchcrawl.html | 403 ++++++++++++++++++
 ...1458_tkblog_247_bercy-village-dessins.html | 403 ++++++++++++++++++
 ..._361_les-larmes-de-miel-manolosanctis.html | 403 ++++++++++++++++++
 ...211413_tkblog_363_vanit-de-la-couette.html | 403 ++++++++++++++++++
 ...001017_tkblog_317_url-maker-tuto-vido.html | 403 ++++++++++++++++++
 .../20110813145936_tkblog_379_blogroll.html   | 403 ++++++++++++++++++
 ..._tkblog_173_back-return-to-the-future.html | 403 ++++++++++++++++++
 .../20110814101256_tkblog_159_hadh-anniv.html | 403 ++++++++++++++++++
 ...0110817132156_tkblog_326_crdules-nous.html | 403 ++++++++++++++++++
 ...tkblog_370_vadrouille-au-parc-monceau.html | 403 ++++++++++++++++++
 ...24001501_tkblog_369_nouvelle-blogroll.html | 403 ++++++++++++++++++
 ...115_tkblog_147_optimise-tes-relations.html | 403 ++++++++++++++++++
 ...11328_tkblog_367_bientt-harajuku-2011.html | 403 ++++++++++++++++++
 ...91_diplme-et-dessins-de-harajuku-2011.html | 403 ++++++++++++++++++
 ...4_tkblog_364_dessins-d-after-harajuku.html | 403 ++++++++++++++++++
 ..._137_freddy-mercury-fait-la-vaisselle.html | 403 ++++++++++++++++++
 .../20110916153857_tkblog_171_roux-pride.html | 403 ++++++++++++++++++
 ...og_359_un-nouveau-chat-dans-le-vortex.html | 403 ++++++++++++++++++
 ...110920210511_tkblog_133_humour-prohib.html | 403 ++++++++++++++++++
 ...9_tkblog_358_tykayn-golden-blog-award.html | 403 ++++++++++++++++++
 ...g_357_eola-du-projet-omg-et-le-hentai.html | 403 ++++++++++++++++++
 ...iblog-en-squatteur-bien-sr-et-toi-pas.html | 403 ++++++++++++++++++
 ...2712_tkblog_160_festiblog-zach-weiner.html | 403 ++++++++++++++++++
 .../20110923051951_tkblog_195_css-joke.html   | 403 ++++++++++++++++++
 ...024_tkblog_356_apprendre-la-politesse.html | 403 ++++++++++++++++++
 ...329_tkblog_352_jesus-rocks-the-metric.html | 403 ++++++++++++++++++
 ...blog_354_aquarelles-de-festiblog-2011.html | 403 ++++++++++++++++++
 ...21_tkblog_161_studio-aardman-et-bercy.html | 403 ++++++++++++++++++
 ...log_371_diffrence-entre-pq-et-sopalin.html | 403 ++++++++++++++++++
 ..._349_freddy-mercury-veut-faire-du-vlo.html | 403 ++++++++++++++++++
 ...736_tkblog_350_du-neuf-et-des-dessins.html | 403 ++++++++++++++++++
 ...tchcrawl-paris-au-parc-de-la-villette.html | 403 ++++++++++++++++++
 ...1125_tkblog_339_photomontages-pourris.html | 403 ++++++++++++++++++
 ...70323_tkblog_343_darwin-chez-interpol.html | 403 ++++++++++++++++++
 ...085135_tkblog_344_kamasutra-au-hasard.html | 403 ++++++++++++++++++
 ...21_tkblog_342_gnrateur-de-personnages.html | 403 ++++++++++++++++++
 ...41706_tkblog_202_clopeurs-post-classe.html | 403 ++++++++++++++++++
 ...tkblog_201_mmo-typo-caractres-spciaux.html | 403 ++++++++++++++++++
 ...nal-reportage-sketchcrawl-la-villette.html | 403 ++++++++++++++++++
 ...derbird-dbloquer-les-images-distantes.html | 403 ++++++++++++++++++
 ...nternet-explorer-qu-il-est-trop-vieux.html | 403 ++++++++++++++++++
 ...tkblog_337_ddicace-aux-rcents-parents.html | 403 ++++++++++++++++++
 ...plus-chez-les-carnets-pornographiques.html | 403 ++++++++++++++++++
 ...74651_tkblog_336_jserai-anim-est-2011.html | 403 ++++++++++++++++++
 ...-tabs-menu-en-onglets-facile-utiliser.html | 403 ++++++++++++++++++
 ...steampunk-halloween-et-tribale-fusion.html | 403 ++++++++++++++++++
 ...tkblog_325_anim-est-2011-compte-rendu.html | 403 ++++++++++++++++++
 ...6163945_tkblog_322_dessins-d-anim-est.html | 403 ++++++++++++++++++
 ...1743_tkblog_321_journaux-consternants.html | 403 ++++++++++++++++++
 ...706_tkblog_235_trois-poques-de-la-vie.html | 403 ++++++++++++++++++
 ...log_320_tandem-jeunesse-9-bientt-fini.html | 403 ++++++++++++++++++
 ...og_236_tandem-jeunesse-9-a-c-est-fait.html | 403 ++++++++++++++++++
 ...es-blogs-miam-informageek-et-ailleurs.html | 403 ++++++++++++++++++
 ...g_316_l-arbre-et-l-innocent-1-page-bd.html | 403 ++++++++++++++++++
 ...ruc-1-les-intersticiels-linguistiques.html | 403 ++++++++++++++++++
 ...15_truc-2-l-esclavagisme-des-machines.html | 403 ++++++++++++++++++
 ..._tkblog_312_l-importance-du-sketching.html | 403 ++++++++++++++++++
 ...kblog_313_kit-de-survie-en-cole-d-art.html | 403 ++++++++++++++++++
 ...13173759_tkblog_318_l-arnaque-du-mois.html | 403 ++++++++++++++++++
 ...295_fin-du-concours-de-couverture-q-5.html | 403 ++++++++++++++++++
 ...212747_tkblog_254_rsultats-concours-q.html | 403 ++++++++++++++++++
 .../20111229224403_tkblog_311_noel-power.html | 403 ++++++++++++++++++
 ...31011701_tkblog_310_dessins-du-louvre.html | 403 ++++++++++++++++++
 ...log_308_des-fesses-satanas-et-diabolo.html | 403 ++++++++++++++++++
 ...blog_309_les-samourais-du-quai-branly.html | 403 ++++++++++++++++++
 ...0111231013304_tkblog_307_bye-bye-2011.html | 403 ++++++++++++++++++
 ...134_tkblog_306_feuille-test-imprimeur.html | 403 ++++++++++++++++++
 ...g_305_bon-2012-joie-et-flood-sur-vous.html | 403 ++++++++++++++++++
 ...011320_tkblog_303_truc-3-typo-complot.html | 403 ++++++++++++++++++
 ...015259_tkblog_304_blackout-day-l-lyse.html | 403 ++++++++++++++++++
 ...4-heures-de-la-bande-dessine-parse-it.html | 403 ++++++++++++++++++
 ...-de-la-bande-dessine-parse-it-complet.html | 403 ++++++++++++++++++
 ...0120204143457_tkblog_252_test-android.html | 403 ++++++++++++++++++
 ...951_tkblog_249_epic-sketchcrawl-paris.html | 403 ++++++++++++++++++
 ...224805_tkblog_245_what-is-st-valentin.html | 403 ++++++++++++++++++
 ...0120221222528_tkblog_244_talons-hauts.html | 403 ++++++++++++++++++
 ...428_tkblog_243_visite-mdicale-of-doom.html | 403 ++++++++++++++++++
 ...5156_tkblog_242_la-moindre-des-choses.html | 403 ++++++++++++++++++
 ...305161852_tkblog_239_un-blog-un-arbre.html | 403 ++++++++++++++++++
 ...kblog_240_fruit-ninja-version-micanou.html | 403 ++++++++++++++++++
 ...125712_tkblog_248_dessin-anim-awesome.html | 403 ++++++++++++++++++
 ...6_tkblog_238_bon-apptit-sign-mariposa.html | 403 ++++++++++++++++++
 ...313130957_tkblog_203_sketches-comme-a.html | 403 ++++++++++++++++++
 ...3131653_tkblog_233_dessins-du-weekend.html | 403 ++++++++++++++++++
 ...319173933_tkblog_226_29-ans-de-poulpe.html | 403 ++++++++++++++++++
 .../20120401173256_tkblog_224_mars-fini.html  | 403 ++++++++++++++++++
 .../20120405235234_tkblog_227_scandale.html   | 403 ++++++++++++++++++
 ..._143_concours-illustration-projet-omg.html | 403 ++++++++++++++++++
 ...kblog_217_rangement-et-photos-de-lyce.html | 403 ++++++++++++++++++
 ...g_206_corbeil-essonnes-festival-de-bd.html | 403 ++++++++++++++++++
 ...120530152430_tkblog_319_pitanime-2012.html | 403 ++++++++++++++++++
 ...g_234_amiens-festival-bd-compte-rendu.html | 403 ++++++++++++++++++
 .../20120613005404_tkblog_232_du-desu.html    | 403 ++++++++++++++++++
 ...120613012252_tkblog_207_projet-17-mai.html | 403 ++++++++++++++++++
 ...blog_225_allez-voir-l-bas-si-j-y-suis.html | 403 ++++++++++++++++++
 ..._tkblog_220_geek-faeries-compte-rendu.html | 403 ++++++++++++++++++
 ...0715204728_tkblog_198_japan-expo-2012.html | 403 ++++++++++++++++++
 ...kblog_199_truc-4-pouvoir-de-non-achat.html | 403 ++++++++++++++++++
 ..._trucs-5-comment-s-amliorer-en-dessin.html | 403 ++++++++++++++++++
 ...6144351_tkblog_197_truc-6-tl-connecte.html | 403 ++++++++++++++++++
 ...kblog_192_closeups-d-travers-le-tissu.html | 403 ++++++++++++++++++
 ...kblog_90_voldemort-sa-carte-d-identit.html | 403 ++++++++++++++++++
 ...tkblog_191_comment-faire-des-conomies.html | 403 ++++++++++++++++++
 .../20120830181831_tkblog_190_fin-d-aout.html | 403 ++++++++++++++++++
 ...89_3615-usul-et-le-t-shirt-metal-gear.html | 403 ++++++++++++++++++
 ...03141946_tkblog_176_1-an-de-ptit-chat.html | 403 ++++++++++++++++++
 ...10930_tkblog_246_anniv-20-ans-de-hadh.html | 403 ++++++++++++++++++
 ...20120917123104_tkblog_241_procs-apple.html | 403 ++++++++++++++++++
 ...04647_tkblog_189_appli-pomes-et-potes.html | 403 ++++++++++++++++++
 ...2603_tkblog_130_by-the-wall-en-statue.html | 403 ++++++++++++++++++
 ..._186_gros-cherche-une-nouvelle-maison.html | 403 ++++++++++++++++++
 ...5_tkblog_183_keanu-parano-sur-le-vote.html | 403 ++++++++++++++++++
 ...195401_tkblog_128_zelda-rap-by-smoosh.html | 403 ++++++++++++++++++
 ...log_152_art-to-play-concours-ma-bulle.html | 403 ++++++++++++++++++
 ...on-illu-de-concours-ma-bulle-pliiiize.html | 403 ++++++++++++++++++
 ...g_250_quai-des-bulles-2012-saint-malo.html | 403 ++++++++++++++++++
 ...1112223320_tkblog_165_et-dans-100-ans.html | 403 ++++++++++++++++++
 ...121119201605_tkblog_156_harajuku-2012.html | 403 ++++++++++++++++++
 ...121201175359_tkblog_149_anim-est-2012.html | 403 ++++++++++++++++++
 ...20121226030127_tkblog_145_bonnes-ftes.html | 403 ++++++++++++++++++
 ...de-phrases-de-sduction-de-haut-niveau.html | 403 ++++++++++++++++++
 ...0130122224329_tkblog_138_japan-nantes.html | 403 ++++++++++++++++++
 ...0130214182736_tkblog_107_y-avait-long.html | 403 ++++++++++++++++++
 ..._126_pas-pas-illustration-de-sduction.html | 403 ++++++++++++++++++
 .../20130228202537_tkblog_120_rvolution.html  | 403 ++++++++++++++++++
 ...0424201802_tkblog_86_quelques-dessins.html | 403 ++++++++++++++++++
 ..._tkblog_366_caricatures-fugu-chaulnes.html | 403 ++++++++++++++++++
 ...0626175216_tkblog_251_mtro-con-vivial.html | 403 ++++++++++++++++++
 .../20130717202714_tkblog_85_sport-d-t.html   | 403 ++++++++++++++++++
 ...cou-le-pain-et-ma-main-dans-ta-gueule.html | 403 ++++++++++++++++++
 ...0130811123758_tkblog_83_dessin-du-sud.html | 403 ++++++++++++++++++
 ...1426_tkblog_82_100-likes-sur-facebook.html | 403 ++++++++++++++++++
 ...rojet-omg-chapitre-1-lisible-en-ligne.html | 403 ++++++++++++++++++
 ...42433_tkblog_80_joyeux-21-ans-de-hadh.html | 403 ++++++++++++++++++
 ...400_tkblog_79_anticipation-de-youtube.html | 403 ++++++++++++++++++
 ...il-papier-du-tykayn-blog-vortex-chats.html | 403 ++++++++++++++++++
 ...130930102054_tkblog_77_festiblog-2013.html | 403 ++++++++++++++++++
 ...6_tkblog_76_bouchon-de-cochons-d-inde.html | 403 ++++++++++++++++++
 ...20131025163711_tkblog_75_a-donne-faim.html | 403 ++++++++++++++++++
 ...1108142406_tkblog_74_yaoi-bob-l-ponge.html | 403 ++++++++++++++++++
 ...2942_tkblog_73_hommage-antoine-daniel.html | 403 ++++++++++++++++++
 ...72_dora-l-exploratrice-version-adulte.html | 403 ++++++++++++++++++
 .../20131108144707_tkblog_71_couple-yuri.html | 403 ++++++++++++++++++
 ...019_tkblog_70_yaoi-yuri-conv-sketches.html | 403 ++++++++++++++++++
 ...3_tkblog_69_aprs-les-boobs-les-fesses.html | 403 ++++++++++++++++++
 ...chatte-sur-un-toit-brulant-en-flammes.html | 403 ++++++++++++++++++
 ...131128145809_tkblog_67_faolan-tu-veux.html | 403 ++++++++++++++++++
 ...28150212_tkblog_66_par-la-barbichette.html | 403 ++++++++++++++++++
 ...31128150419_tkblog_65_sextoys-fanarts.html | 403 ++++++++++++++++++
 ...uite-suite-suite-dit-le-cochon-d-inde.html | 403 ++++++++++++++++++
 ...31128151107_tkblog_63_derp-du-bengale.html | 403 ++++++++++++++++++
 ..._tkblog_62_commission-game-of-thrones.html | 403 ++++++++++++++++++
 ...28182936_tkblog_61_24-h-de-la-bd-2014.html | 403 ++++++++++++++++++
 ...0928_tkblog_60_freebies-sur-portfolio.html | 403 ++++++++++++++++++
 ...linux-avec-la-pression-de-la-tablette.html | 403 ++++++++++++++++++
 ...log_58_concours-affiche-pitanime-2014.html | 403 ++++++++++++++++++
 ...du-blog-siana-d-evry-le-12-avril-2014.html | 403 ++++++++++++++++++
 ...suels-graphique-pour-le-droit-de-vote.html | 403 ++++++++++++++++++
 .../20140328232124_tkblog_55_tous-poil.html   | 403 ++++++++++++++++++
 ...11210234_tkblog_54_une-ddicace-udoduf.html | 403 ++++++++++++++++++
 ...9185646_tkblog_53_fanart-intouchables.html | 403 ++++++++++++++++++
 ...log_52_compte-rendu-du-festival-siana.html | 403 ++++++++++++++++++
 ...36_tkblog_51_supportez-le-tykayn-blog.html | 403 ++++++++++++++++++
 .../20140426172525_tkblog_50_le-binaire.html  | 403 ++++++++++++++++++
 ...40607200826_tkblog_49_portal-2-fanart.html | 403 ++++++++++++++++++
 ...5_tkblog_48_interlude-post-japan-expo.html | 403 ++++++++++++++++++
 ...47_les-vibrations-d-une-machine-laver.html | 403 ++++++++++++++++++
 ..._l-rotisme-est-dans-l-oeil-du-lecteur.html | 403 ++++++++++++++++++
 ...kblog_45_un-yuri-de-bisou-sur-l-paule.html | 403 ++++++++++++++++++
 ...kblog_44_celle-qui-aimait-la-fourrure.html | 403 ++++++++++++++++++
 ...729141900_tkblog_43_le-mariage-geisha.html | 403 ++++++++++++++++++
 ...blog_42_fornication-avec-une-carpette.html | 403 ++++++++++++++++++
 ...ltats-de-sondages-sur-la-masturbation.html | 403 ++++++++++++++++++
 .../20140813121719_tkblog_40_philo-gears.html | 403 ++++++++++++++++++
 ...0919130237_tkblog_39_pinces-d-affiche.html | 403 ++++++++++++++++++
 ...02_tkblog_38_la-rvolution-des-cheveux.html | 403 ++++++++++++++++++
 ...156_tkblog_37_des-rves-et-des-tiroirs.html | 403 ++++++++++++++++++
 ...0140919133751_tkblog_36_tropique-noir.html | 403 ++++++++++++++++++
 ...0919143810_tkblog_35_27-ans-de-folies.html | 403 ++++++++++++++++++
 ...blog_34_salet-de-standards-esthtiques.html | 403 ++++++++++++++++++
 ...0140922102307_tkblog_33_rose-au-coeur.html | 403 ++++++++++++++++++
 ...141011110752_tkblog_32_talon-d-achile.html | 403 ++++++++++++++++++
 ...41105165643_tkblog_31_oh-je-suis-dsol.html | 403 ++++++++++++++++++
 ...7_tkblog_30_les-conventions-bruyantes.html | 403 ++++++++++++++++++
 ...141218172824_tkblog_29_chapin-de-noel.html | 403 ++++++++++++++++++
 ...20141219085427_tkblog_28_un-bgaiement.html | 403 ++++++++++++++++++
 ...blog_27_recrutement-au-remix-job-days.html | 403 ++++++++++++++++++
 ...120507_tkblog_26_quelques-conneries-2.html | 403 ++++++++++++++++++
 ...219125646_tkblog_25_histoire-de-l-art.html | 403 ++++++++++++++++++
 ...-25-ans-de-ghibli-au-muse-art-ludique.html | 403 ++++++++++++++++++
 ...3_tkblog_23_des-strips-pour-whatznext.html | 403 ++++++++++++++++++
 ..._tkblog_22_une-nana-qui-n-a-pas-froid.html | 403 ++++++++++++++++++
 ...150502171226_tkblog_20_1er-mai-muguet.html | 403 ++++++++++++++++++
 ...00548_tkblog_19_coucou-les-ptis-lapin.html | 403 ++++++++++++++++++
 ...0808174137_tkblog_18_retour-de-venise.html | 403 ++++++++++++++++++
 .../20151013193532_tkblog_17_inktober-4.html  | 403 ++++++++++++++++++
 .../20151013210406_tkblog_16_inktober-5.html  | 403 ++++++++++++++++++
 ...22194732_tkblog_15_omnomnomnom-du-15e.html | 403 ++++++++++++++++++
 ...e-dans-son-quotidien-dcouvrez-comment.html | 403 ++++++++++++++++++
 ...151024080403_tkblog_13_yuri-la-fentre.html | 403 ++++++++++++++++++
 ...9103735_tkblog_12_sculptons-la-pierre.html | 403 ++++++++++++++++++
 ...51030111905_tkblog_11_yuri-et-boobies.html | 403 ++++++++++++++++++
 ...18110014_tkblog_10_amazone-de-confort.html | 403 ++++++++++++++++++
 .../20151118120933_tkblog_9_banana-woman.html | 403 ++++++++++++++++++
 ...204254_tkblog_8_une-rousse-une-langue.html | 403 ++++++++++++++++++
 ...7_la-dcouverte-du-clitoris-en-couleur.html | 403 ++++++++++++++++++
 ...og_6_pas-pas-de-l-illu-de-sapin-qzine.html | 403 ++++++++++++++++++
 ...g_5_bossez-avec-de-la-haute-dfinition.html | 403 ++++++++++++++++++
 ...0724144354_tkblog_4_formule-de-compta.html | 403 ++++++++++++++++++
 ...20160726085509_tkblog_3_pitanime-2013.html | 403 ++++++++++++++++++
 .../lang_fr/20200718145450_tkblog_997_.html   | 403 ++++++++++++++++++
 521 files changed, 209830 insertions(+), 2 deletions(-)

diff --git a/html-websites/tykayn_blog/index.html b/html-websites/tykayn_blog/index.html
index 9fbdd313..2b6149e2 100644
--- a/html-websites/tykayn_blog/index.html
+++ b/html-websites/tykayn_blog/index.html
@@ -1,4 +1,272 @@
-<html><head><title>tykayn_blog</title></head><body> # tykayn_blog - Articles
+<!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><html><head><title>tykayn_blog</title></head><body> # tykayn_blog - Articles
 - - - - - - - - - - - - - - - - - - - - - - - - - 
 
-<h1>Navigation</h1><h1>Articles en Français</h1><br><a href=/lang_fr/20200718145450_tkblog_997_.html>20200718145450_tkblog_997_.html</a><br><a href=/lang_fr/20160726085509_tkblog_3_pitanime-2013.html>20160726085509_tkblog_3_pitanime-2013.html</a><br><a href=/lang_fr/20160724144354_tkblog_4_formule-de-compta.html>20160724144354_tkblog_4_formule-de-compta.html</a><br><a href=/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html>20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html</a><br><a href=/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html>20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html</a><br><a href=/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html>20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html</a><br><a href=/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html>20151122204254_tkblog_8_une-rousse-une-langue.html</a><br><a href=/lang_fr/20151118120933_tkblog_9_banana-woman.html>20151118120933_tkblog_9_banana-woman.html</a><br><a href=/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html>20151118110014_tkblog_10_amazone-de-confort.html</a><br><a href=/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html>20151030111905_tkblog_11_yuri-et-boobies.html</a><br><a href=/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html>20151029103735_tkblog_12_sculptons-la-pierre.html</a><br><a href=/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html>20151024080403_tkblog_13_yuri-la-fentre.html</a><br><a href=/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html>20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html</a><br><a href=/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html>20151022194732_tkblog_15_omnomnomnom-du-15e.html</a><br><a href=/lang_fr/20151013210406_tkblog_16_inktober-5.html>20151013210406_tkblog_16_inktober-5.html</a><br><a href=/lang_fr/20151013193532_tkblog_17_inktober-4.html>20151013193532_tkblog_17_inktober-4.html</a><br><a href=/lang_fr/20150808174137_tkblog_18_retour-de-venise.html>20150808174137_tkblog_18_retour-de-venise.html</a><br><a href=/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html>20150712100548_tkblog_19_coucou-les-ptis-lapin.html</a><br><a href=/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html>20150502171226_tkblog_20_1er-mai-muguet.html</a><br><a href=/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html>20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html</a><br><a href=/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html>20150211115823_tkblog_23_des-strips-pour-whatznext.html</a><br><a href=/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html>20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html</a><br><a href=/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html>20141219125646_tkblog_25_histoire-de-l-art.html</a><br><a href=/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html>20141219120507_tkblog_26_quelques-conneries-2.html</a><br><a href=/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html>20141219120250_tkblog_27_recrutement-au-remix-job-days.html</a><br><a href=/lang_fr/20141219085427_tkblog_28_un-bgaiement.html>20141219085427_tkblog_28_un-bgaiement.html</a><br><a href=/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html>20141218172824_tkblog_29_chapin-de-noel.html</a><br><a href=/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html>20141125194227_tkblog_30_les-conventions-bruyantes.html</a><br><a href=/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html>20141105165643_tkblog_31_oh-je-suis-dsol.html</a><br><a href=/lang_fr/20141011110752_tkblog_32_talon-d-achile.html>20141011110752_tkblog_32_talon-d-achile.html</a><br><a href=/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html>20140922102307_tkblog_33_rose-au-coeur.html</a><br><a href=/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html>20140919145739_tkblog_34_salet-de-standards-esthtiques.html</a><br><a href=/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html>20140919143810_tkblog_35_27-ans-de-folies.html</a><br><a href=/lang_fr/20140919133751_tkblog_36_tropique-noir.html>20140919133751_tkblog_36_tropique-noir.html</a><br><a href=/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html>20140919132156_tkblog_37_des-rves-et-des-tiroirs.html</a><br><a href=/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html>20140919130802_tkblog_38_la-rvolution-des-cheveux.html</a><br><a href=/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html>20140919130237_tkblog_39_pinces-d-affiche.html</a><br><a href=/lang_fr/20140813121719_tkblog_40_philo-gears.html>20140813121719_tkblog_40_philo-gears.html</a><br><a href=/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html>20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html</a><br><a href=/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html>20140729142000_tkblog_42_fornication-avec-une-carpette.html</a><br><a href=/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html>20140729141900_tkblog_43_le-mariage-geisha.html</a><br><a href=/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html>20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html</a><br><a href=/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html>20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html</a><br><a href=/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html>20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html</a><br><a href=/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html>20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html</a><br><a href=/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html>20140713223105_tkblog_48_interlude-post-japan-expo.html</a><br><a href=/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html>20140607200826_tkblog_49_portal-2-fanart.html</a><br><a href=/lang_fr/20140426172525_tkblog_50_le-binaire.html>20140426172525_tkblog_50_le-binaire.html</a><br><a href=/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html>20140420112236_tkblog_51_supportez-le-tykayn-blog.html</a><br><a href=/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html>20140419190300_tkblog_52_compte-rendu-du-festival-siana.html</a><br><a href=/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html>20140419185646_tkblog_53_fanart-intouchables.html</a><br><a href=/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html>20140411210234_tkblog_54_une-ddicace-udoduf.html</a><br><a href=/lang_fr/20140328232124_tkblog_55_tous-poil.html>20140328232124_tkblog_55_tous-poil.html</a><br><a href=/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html>20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html</a><br><a href=/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html>20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html</a><br><a href=/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html>20140303150039_tkblog_58_concours-affiche-pitanime-2014.html</a><br><a href=/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html>20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html</a><br><a href=/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html>20140131110928_tkblog_60_freebies-sur-portfolio.html</a><br><a href=/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html>20140128182936_tkblog_61_24-h-de-la-bd-2014.html</a><br><a href=/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html>20140114164130_tkblog_62_commission-game-of-thrones.html</a><br><a href=/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html>20131128151107_tkblog_63_derp-du-bengale.html</a><br><a href=/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html>20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html</a><br><a href=/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html>20131128150419_tkblog_65_sextoys-fanarts.html</a><br><a href=/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html>20131128150212_tkblog_66_par-la-barbichette.html</a><br><a href=/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html>20131128145809_tkblog_67_faolan-tu-veux.html</a><br><a href=/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html>20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html</a><br><a href=/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html>20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html</a><br><a href=/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html>20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html</a><br><a href=/lang_fr/20131108144707_tkblog_71_couple-yuri.html>20131108144707_tkblog_71_couple-yuri.html</a><br><a href=/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html>20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html</a><br><a href=/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html>20131108142942_tkblog_73_hommage-antoine-daniel.html</a><br><a href=/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html>20131108142406_tkblog_74_yaoi-bob-l-ponge.html</a><br><a href=/lang_fr/20131025163711_tkblog_75_a-donne-faim.html>20131025163711_tkblog_75_a-donne-faim.html</a><br><a href=/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html>20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html</a><br><a href=/lang_fr/20130930102054_tkblog_77_festiblog-2013.html>20130930102054_tkblog_77_festiblog-2013.html</a><br><a href=/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html>20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html</a><br><a href=/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html>20130916151400_tkblog_79_anticipation-de-youtube.html</a><br><a href=/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html>20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html</a><br><a href=/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html>20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html</a><br><a href=/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html>20130815101426_tkblog_82_100-likes-sur-facebook.html</a><br><a href=/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html>20130811123758_tkblog_83_dessin-du-sud.html</a><br><a href=/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html>20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html</a><br><a href=/lang_fr/20130717202714_tkblog_85_sport-d-t.html>20130717202714_tkblog_85_sport-d-t.html</a><br><a href=/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html>20130626175216_tkblog_251_mtro-con-vivial.html</a><br><a href=/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html>20130611184556_tkblog_366_caricatures-fugu-chaulnes.html</a><br><a href=/lang_fr/20130424201802_tkblog_86_quelques-dessins.html>20130424201802_tkblog_86_quelques-dessins.html</a><br><a href=/lang_fr/20130228202537_tkblog_120_rvolution.html>20130228202537_tkblog_120_rvolution.html</a><br><a href=/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html>20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html</a><br><a href=/lang_fr/20130214182736_tkblog_107_y-avait-long.html>20130214182736_tkblog_107_y-avait-long.html</a><br><a href=/lang_fr/20130122224329_tkblog_138_japan-nantes.html>20130122224329_tkblog_138_japan-nantes.html</a><br><a href=/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html>20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html</a><br><a href=/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html>20121226030127_tkblog_145_bonnes-ftes.html</a><br><a href=/lang_fr/20121201175359_tkblog_149_anim-est-2012.html>20121201175359_tkblog_149_anim-est-2012.html</a><br><a href=/lang_fr/20121119201605_tkblog_156_harajuku-2012.html>20121119201605_tkblog_156_harajuku-2012.html</a><br><a href=/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html>20121112223320_tkblog_165_et-dans-100-ans.html</a><br><a href=/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html>20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html</a><br><a href=/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html>20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html</a><br><a href=/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html>20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html</a><br><a href=/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html>20121007195401_tkblog_128_zelda-rap-by-smoosh.html</a><br><a href=/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html>20121002225545_tkblog_183_keanu-parano-sur-le-vote.html</a><br><a href=/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html>20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html</a><br><a href=/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html>20120924032603_tkblog_130_by-the-wall-en-statue.html</a><br><a href=/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html>20120921204647_tkblog_189_appli-pomes-et-potes.html</a><br><a href=/lang_fr/20120917123104_tkblog_241_procs-apple.html>20120917123104_tkblog_241_procs-apple.html</a><br><a href=/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html>20120907010930_tkblog_246_anniv-20-ans-de-hadh.html</a><br><a href=/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html>20120903141946_tkblog_176_1-an-de-ptit-chat.html</a><br><a href=/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html>20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html</a><br><a href=/lang_fr/20120830181831_tkblog_190_fin-d-aout.html>20120830181831_tkblog_190_fin-d-aout.html</a><br><a href=/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html>20120821181723_tkblog_191_comment-faire-des-conomies.html</a><br><a href=/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html>20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html</a><br><a href=/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html>20120808220030_tkblog_192_closeups-d-travers-le-tissu.html</a><br><a href=/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html>20120726144351_tkblog_197_truc-6-tl-connecte.html</a><br><a href=/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html>20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html</a><br><a href=/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html>20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html</a><br><a href=/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html>20120715204728_tkblog_198_japan-expo-2012.html</a><br><a href=/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html>20120627205528_tkblog_220_geek-faeries-compte-rendu.html</a><br><a href=/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html>20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html</a><br><a href=/lang_fr/20120613012252_tkblog_207_projet-17-mai.html>20120613012252_tkblog_207_projet-17-mai.html</a><br><a href=/lang_fr/20120613005404_tkblog_232_du-desu.html>20120613005404_tkblog_232_du-desu.html</a><br><a href=/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html>20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html</a><br><a href=/lang_fr/20120530152430_tkblog_319_pitanime-2012.html>20120530152430_tkblog_319_pitanime-2012.html</a><br><a href=/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html>20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html</a><br><a href=/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html>20120501082733_tkblog_217_rangement-et-photos-de-lyce.html</a><br><a href=/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html>20120429174217_tkblog_143_concours-illustration-projet-omg.html</a><br><a href=/lang_fr/20120405235234_tkblog_227_scandale.html>20120405235234_tkblog_227_scandale.html</a><br><a href=/lang_fr/20120401173256_tkblog_224_mars-fini.html>20120401173256_tkblog_224_mars-fini.html</a><br><a href=/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html>20120319173933_tkblog_226_29-ans-de-poulpe.html</a><br><a href=/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html>20120313131653_tkblog_233_dessins-du-weekend.html</a><br><a href=/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html>20120313130957_tkblog_203_sketches-comme-a.html</a><br><a href=/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html>20120313130036_tkblog_238_bon-apptit-sign-mariposa.html</a><br><a href=/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html>20120313125712_tkblog_248_dessin-anim-awesome.html</a><br><a href=/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html>20120313125224_tkblog_240_fruit-ninja-version-micanou.html</a><br><a href=/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html>20120305161852_tkblog_239_un-blog-un-arbre.html</a><br><a href=/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html>20120229225156_tkblog_242_la-moindre-des-choses.html</a><br><a href=/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html>20120227181428_tkblog_243_visite-mdicale-of-doom.html</a><br><a href=/lang_fr/20120221222528_tkblog_244_talons-hauts.html>20120221222528_tkblog_244_talons-hauts.html</a><br><a href=/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html>20120213224805_tkblog_245_what-is-st-valentin.html</a><br><a href=/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html>20120207214951_tkblog_249_epic-sketchcrawl-paris.html</a><br><a href=/lang_fr/20120204143457_tkblog_252_test-android.html>20120204143457_tkblog_252_test-android.html</a><br><a href=/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html>20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html</a><br><a href=/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html>20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html</a><br><a href=/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html>20120120015259_tkblog_304_blackout-day-l-lyse.html</a><br><a href=/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html>20120120011320_tkblog_303_truc-3-typo-complot.html</a><br><a href=/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html>20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html</a><br><a href=/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html>20120107135134_tkblog_306_feuille-test-imprimeur.html</a><br><a href=/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html>20111231013304_tkblog_307_bye-bye-2011.html</a><br><a href=/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html>20111231011901_tkblog_309_les-samourais-du-quai-branly.html</a><br><a href=/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html>20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html</a><br><a href=/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html>20111231011701_tkblog_310_dessins-du-louvre.html</a><br><a href=/lang_fr/20111229224403_tkblog_311_noel-power.html>20111229224403_tkblog_311_noel-power.html</a><br><a href=/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html>20111219212747_tkblog_254_rsultats-concours-q.html</a><br><a href=/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html>20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html</a><br><a href=/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html>20111213173759_tkblog_318_l-arnaque-du-mois.html</a><br><a href=/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html>20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html</a><br><a href=/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html>20111206063307_tkblog_312_l-importance-du-sketching.html</a><br><a href=/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html>20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html</a><br><a href=/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html>20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html</a><br><a href=/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html>20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html</a><br><a href=/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html>20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html</a><br><a href=/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html>20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html</a><br><a href=/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html>20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html</a><br><a href=/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html>20111123223706_tkblog_235_trois-poques-de-la-vie.html</a><br><a href=/lang_fr/20111120211743_tkblog_321_journaux-consternants.html>20111120211743_tkblog_321_journaux-consternants.html</a><br><a href=/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html>20111116163945_tkblog_322_dessins-d-anim-est.html</a><br><a href=/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html>20111114212506_tkblog_325_anim-est-2011-compte-rendu.html</a><br><a href=/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html>20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html</a><br><a href=/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html>20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html</a><br><a href=/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html>20111103174651_tkblog_336_jserai-anim-est-2011.html</a><br><a href=/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html>20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html</a><br><a href=/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html>20111102110215_tkblog_337_ddicace-aux-rcents-parents.html</a><br><a href=/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html>20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html</a><br><a href=/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html>20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html</a><br><a href=/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html>20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html</a><br><a href=/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html>20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html</a><br><a href=/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html>20111023141706_tkblog_202_clopeurs-post-classe.html</a><br><a href=/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html>20111023085821_tkblog_342_gnrateur-de-personnages.html</a><br><a href=/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html>20111023085135_tkblog_344_kamasutra-au-hasard.html</a><br><a href=/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html>20111021170323_tkblog_343_darwin-chez-interpol.html</a><br><a href=/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html>20111017111125_tkblog_339_photomontages-pourris.html</a><br><a href=/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html>20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html</a><br><a href=/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html>20111010181736_tkblog_350_du-neuf-et-des-dessins.html</a><br><a href=/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html>20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html</a><br><a href=/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html>20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html</a><br><a href=/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html>20111003114921_tkblog_161_studio-aardman-et-bercy.html</a><br><a href=/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html>20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html</a><br><a href=/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html>20110927205329_tkblog_352_jesus-rocks-the-metric.html</a><br><a href=/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html>20110927205024_tkblog_356_apprendre-la-politesse.html</a><br><a href=/lang_fr/20110923051951_tkblog_195_css-joke.html>20110923051951_tkblog_195_css-joke.html</a><br><a href=/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html>20110922092712_tkblog_160_festiblog-zach-weiner.html</a><br><a href=/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html>20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html</a><br><a href=/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html>20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html</a><br><a href=/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html>20110921213849_tkblog_358_tykayn-golden-blog-award.html</a><br><a href=/lang_fr/20110920210511_tkblog_133_humour-prohib.html>20110920210511_tkblog_133_humour-prohib.html</a><br><a href=/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html>20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html</a><br><a href=/lang_fr/20110916153857_tkblog_171_roux-pride.html>20110916153857_tkblog_171_roux-pride.html</a><br><a href=/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html>20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html</a><br><a href=/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html>20110914205444_tkblog_364_dessins-d-after-harajuku.html</a><br><a href=/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html>20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html</a><br><a href=/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html>20110904111328_tkblog_367_bientt-harajuku-2011.html</a><br><a href=/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html>20110829033115_tkblog_147_optimise-tes-relations.html</a><br><a href=/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html>20110824001501_tkblog_369_nouvelle-blogroll.html</a><br><a href=/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html>20110822131000_tkblog_370_vadrouille-au-parc-monceau.html</a><br><a href=/lang_fr/20110817132156_tkblog_326_crdules-nous.html>20110817132156_tkblog_326_crdules-nous.html</a><br><a href=/lang_fr/20110814101256_tkblog_159_hadh-anniv.html>20110814101256_tkblog_159_hadh-anniv.html</a><br><a href=/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html>20110814053121_tkblog_173_back-return-to-the-future.html</a><br><a href=/lang_fr/20110813145936_tkblog_379_blogroll.html>20110813145936_tkblog_379_blogroll.html</a><br><a href=/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html>20110810001017_tkblog_317_url-maker-tuto-vido.html</a><br><a href=/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html>20110808211413_tkblog_363_vanit-de-la-couette.html</a><br><a href=/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html>20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html</a><br><a href=/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html>20110727051458_tkblog_247_bercy-village-dessins.html</a><br><a href=/lang_fr/20110724231342_tkblog_174_sketchcrawl.html>20110724231342_tkblog_174_sketchcrawl.html</a><br><a href=/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html>20110722092947_tkblog_330_projets-du-moment-2.html</a><br><a href=/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html>20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html</a><br><a href=/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html>20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html</a><br><a href=/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html>20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html</a><br><a href=/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html>20110707184119_tkblog_297_dessins-de-japan-expo-2011.html</a><br><a href=/lang_fr/20110707183636_tkblog_353_un-appart-vide.html>20110707183636_tkblog_353_un-appart-vide.html</a><br><a href=/lang_fr/20110624120214_tkblog_255_ge.gmies-clooney-et-autres-conneries.html>20110624120214_tkblog_255_ge.gmies-clooney-et-autres-conneries.html</a><br><a href=/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html>20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html</a><br><a href=/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html>20110622073135_tkblog_230_feuille-de-repre-pour-bd.html</a><br><a href=/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html>20110617085041_tkblog_180_stase-dans-une-boite-teaser.html</a><br><a href=/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html>20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html</a><br><a href=/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html>20110602190404_tkblog_113_go-go-go-geek-faeries.html</a><br><a href=/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html>20110601201842_tkblog_178_aquarelles-et-portal-2.html</a><br><a href=/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html>20110523195432_tkblog_298_weekend-buttes-chaumont.html</a><br><a href=/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html>20110512040410_tkblog_151_eve-rest-histoire-courte.html</a><br><a href=/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html>20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html</a><br><a href=/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html>20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html</a><br><a href=/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html>20110502220132_tkblog_164_fouine-a-parl.html</a><br><a href=/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html>20110501031535_tkblog_200_demotivators-de-moscou.html</a><br><a href=/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html>20110501023804_tkblog_218_chine-mtro-et-signalisation.html</a><br><a href=/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html>20110501012153_tkblog_237_aquarelles-relles-relles.html</a><br><a href=/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html>20110426215400_tkblog_169_corps-plastins-de-l-ucl.html</a><br><a href=/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html>20110325082708_tkblog_231_vibromasseur-si-si.html</a><br><a href=/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html>20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html</a><br><a href=/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html>20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html</a><br><a href=/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html>20110315214801_tkblog_168_banquier-over-nine-thousand.html</a><br><a href=/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html>20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html</a><br><a href=/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html>20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html</a><br><a href=/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html>20110307122509_tkblog_346_gille-sortant-des-vlams.html</a><br><a href=/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html>20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html</a><br><a href=/lang_fr/20110306014033_tkblog_362_jakadi.html>20110306014033_tkblog_362_jakadi.html</a><br><a href=/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html>20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html</a><br><a href=/lang_fr/20110217165952_tkblog_123_quelques-conneries.html>20110217165952_tkblog_123_quelques-conneries.html</a><br><a href=/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html>20110217165525_tkblog_368_tykayn-et-la-grace.html</a><br><a href=/lang_fr/20110217164731_tkblog_179_badminton-punishement.html>20110217164731_tkblog_179_badminton-punishement.html</a><br><a href=/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html>20110213051713_tkblog_332_conseils-relationnels.html</a><br><a href=/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html>20110212185515_tkblog_166_butt-man-pacman.html</a><br><a href=/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html>20110208171829_tkblog_114_nus-de-femmes-nues.html</a><br><a href=/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html>20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html</a><br><a href=/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html>20110118232724_tkblog_158_oubapo-reprise.html</a><br><a href=/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html>20110104125825_tkblog_154_hacking-de-frigo.html</a><br><a href=/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html>20110103212809_tkblog_175_repas-de-nouvel-an.html</a><br><a href=/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html>20110102111003_tkblog_345_le-syndrome-de-patou.html</a><br><a href=/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html>20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html</a><br><a href=/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html>20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html</a><br><a href=/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html>20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html</a><br><a href=/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html>20101127200646_tkblog_101_encore-des-femmes-poil-nues.html</a><br><a href=/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html>20101120175109_tkblog_129_demotivational-stuff.html</a><br><a href=/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html>20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html</a><br><a href=/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html>20101113054559_tkblog_134_bouteille-message-saint-luc.html</a><br><a href=/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html>20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html</a><br><a href=/lang_fr/20101026234131_tkblog_259_erreur-500.html>20101026234131_tkblog_259_erreur-500.html</a><br><a href=/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html>20101016123750_tkblog_562_adieu-ppte-le-chat.html</a><br><a href=/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html>20101015211826_tkblog_561_squatt-chez-garga.html</a><br><a href=/lang_fr/20101012230651_tkblog_559_i-whistle.html>20101012230651_tkblog_559_i-whistle.html</a><br><a href=/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html>20101010164826_tkblog_560_innocente-jeunesse.html</a><br><a href=/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html>20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html</a><br><a href=/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html>20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html</a><br><a href=/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html>20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html</a><br><a href=/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html>20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html</a><br><a href=/lang_fr/20101003195851_tkblog_549_noob-user.html>20101003195851_tkblog_549_noob-user.html</a><br><a href=/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html>20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html</a><br><a href=/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html>20101002123031_tkblog_546_optimise-ton-supermarch.html</a><br><a href=/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html>20100928195721_tkblog_545_mangasse-boulet.html</a><br><a href=/lang_fr/20100927181955_tkblog_196_festiblog-2010.html>20100927181955_tkblog_196_festiblog-2010.html</a><br><a href=/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html>20100924224049_tkblog_542_salut-mali-bercy.html</a><br><a href=/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html>20100922111437_tkblog_540_les-gaufres-dgueulasses.html</a><br><a href=/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html>20100920183815_tkblog_539_adage-de-programmeux.html</a><br><a href=/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html>20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html</a><br><a href=/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html>20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html</a><br><a href=/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html>20100909000903_tkblog_536_sex-toys-du-peuple.html</a><br><a href=/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html>20100909000218_tkblog_535_signaltique-des-latrines.html</a><br><a href=/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html>20100908120515_tkblog_538_buttes-chaumont-2010.html</a><br><a href=/lang_fr/20100907200756_tkblog_534_dans-le-futur.html>20100907200756_tkblog_534_dans-le-futur.html</a><br><a href=/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html>20100906204035_tkblog_262_ddicaces-q-d-t.html</a><br><a href=/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html>20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html</a><br><a href=/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html>20100831193311_tkblog_532_tykayn-hadh-land.html</a><br><a href=/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html>20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html</a><br><a href=/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html>20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html</a><br><a href=/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html>20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html</a><br><a href=/lang_fr/20100819214418_tkblog_530_confusion-pirate.html>20100819214418_tkblog_530_confusion-pirate.html</a><br><a href=/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html>20100817192342_tkblog_531_proposition-incandescente.html</a><br><a href=/lang_fr/20100816214604_tkblog_524_sexuelle.html>20100816214604_tkblog_524_sexuelle.html</a><br><a href=/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html>20100816214302_tkblog_526_de-lekter-ses-pieds.html</a><br><a href=/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html>20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html</a><br><a href=/lang_fr/20100814221618_tkblog_520_vadrouille.html>20100814221618_tkblog_520_vadrouille.html</a><br><a href=/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html>20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html</a><br><a href=/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html>20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html</a><br><a href=/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html>20100811205821_tkblog_468_forest-adventure-normandie.html</a><br><a href=/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html>20100807205823_tkblog_516_conseil-relationnel-du-jour.html</a><br><a href=/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html>20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html</a><br><a href=/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html>20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html</a><br><a href=/lang_fr/20100715002723_tkblog_511_scrabble.html>20100715002723_tkblog_511_scrabble.html</a><br><a href=/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html>20100714124043_tkblog_512_je-collectionne-les-canards.html</a><br><a href=/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html>20100713212511_tkblog_515_mots-cls-de-l-t.html</a><br><a href=/lang_fr/20100629153927_tkblog_265_badges-q.html>20100629153927_tkblog_265_badges-q.html</a><br><a href=/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html>20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html</a><br><a href=/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html>20100626040746_tkblog_508_icones-todojsc-youpi.html</a><br><a href=/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html>20100624233034_tkblog_266_how-i-met-cobie-smulders.html</a><br><a href=/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html>20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html</a><br><a href=/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html>20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html</a><br><a href=/lang_fr/20100616195404_tkblog_499_confiotte.html>20100616195404_tkblog_499_confiotte.html</a><br><a href=/lang_fr/20100609230248_tkblog_93_cours-du-soir.html>20100609230248_tkblog_93_cours-du-soir.html</a><br><a href=/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html>20100609005106_tkblog_500_pourquoi-rflchir.html</a><br><a href=/lang_fr/20100606142229_tkblog_501_nus-du-soir.html>20100606142229_tkblog_501_nus-du-soir.html</a><br><a href=/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html>20100601155427_tkblog_498_sous-vtements-intelligents.html</a><br><a href=/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html>20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html</a><br><a href=/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html>20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html</a><br><a href=/lang_fr/20100523021200_tkblog_268_q-badges.html>20100523021200_tkblog_268_q-badges.html</a><br><a href=/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html>20100520024455_tkblog_490_tykayn-par-hadh.html</a><br><a href=/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html>20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html</a><br><a href=/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html>20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html</a><br><a href=/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html>20100502182014_tkblog_477_acide-dsoxyribonuclique.html</a><br><a href=/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html>20100501001817_tkblog_476_tykayn-violence-ou-calme.html</a><br><a href=/lang_fr/20100501000341_tkblog_213_vacamente.html>20100501000341_tkblog_213_vacamente.html</a><br><a href=/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html>20100430235753_tkblog_486_on-est-tous-des-imbciles.html</a><br><a href=/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html>20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html</a><br><a href=/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html>20100430191746_tkblog_479_ditions-du-puits.html</a><br><a href=/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html>20100430184533_tkblog_109_truc-de-ouf.html</a><br><a href=/lang_fr/20100430174434_tkblog_525_.gmiie-chez-les-erasmus.html>20100430174434_tkblog_525_.gmiie-chez-les-erasmus.html</a><br><a href=/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html>20100426153517_tkblog_472_fanart-candy-trash.html</a><br><a href=/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html>20100426003955_tkblog_116_paintchat-ice-cream.html</a><br><a href=/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html>20100424150034_tkblog_208_how-i-met-your-mother-vf.html</a><br><a href=/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html>20100424145733_tkblog_284_q-est-un-ensemble-naturel.html</a><br><a href=/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html>20100424145233_tkblog_487_vaisselle-des-lamentations.html</a><br><a href=/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html>20100424144949_tkblog_537_plus-l-infini-et-au-del.html</a><br><a href=/lang_fr/20100424144606_tkblog_459_vampires.html>20100424144606_tkblog_459_vampires.html</a><br><a href=/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html>20100424144401_tkblog_482_draguer-une-mathmaticienne.html</a><br><a href=/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html>20100424141355_tkblog_457_embauche-et-en-finesse.html</a><br><a href=/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html>20100420192842_tkblog_456_salut-patrick-xkcd-style.html</a><br><a href=/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html>20100420192423_tkblog_460_trailer-bd-omg-chap3.html</a><br><a href=/lang_fr/20100420192210_tkblog_458_steam-punk.html>20100420192210_tkblog_458_steam-punk.html</a><br><a href=/lang_fr/20100420000747_tkblog_455_tea-for-two.html>20100420000747_tkblog_455_tea-for-two.html</a><br><a href=/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html>20100418094918_tkblog_271_chapitre-3-omg-wouala.html</a><br><a href=/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html>20100413204240_tkblog_454_ppte-voyage-au-printemps.html</a><br><a href=/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html>20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html</a><br><a href=/lang_fr/20100405003841_tkblog_450_caf-cadeau.html>20100405003841_tkblog_450_caf-cadeau.html</a><br><a href=/lang_fr/20100405003055_tkblog_448_1er-avril.html>20100405003055_tkblog_448_1er-avril.html</a><br><a href=/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html>20100403220946_tkblog_449_maintenant-commence-l-avenir.html</a><br><a href=/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html>20100401190657_tkblog_447_dcoupage-lisible.html</a><br><a href=/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html>20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html</a><br><a href=/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html>20100325142139_tkblog_446_tiramisu-tk-land.html</a><br><a href=/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html>20100324010955_tkblog_444_arcadi-s-art.html</a><br><a href=/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html>20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html</a><br><a href=/lang_fr/20100322214720_tkblog_439_culture-tl.html>20100322214720_tkblog_439_culture-tl.html</a><br><a href=/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html>20100318205545_tkblog_436_rome-et-ses-conneries.html</a><br><a href=/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html>20100318204936_tkblog_438_marbres-de-rome.html</a><br><a href=/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html>20100310181108_tkblog_435_pluuuuuuus-de-dessins.html</a><br><a href=/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html>20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html</a><br><a href=/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html>20100310180107_tkblog_433_mine-de-plomb-youpi.html</a><br><a href=/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html>20100309003208_tkblog_434_speed-writing-et-painting.html</a><br><a href=/lang_fr/20100304193059_tkblog_431_rteau.html>20100304193059_tkblog_431_rteau.html</a><br><a href=/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html>20100304192849_tkblog_432_muse-des-instruments-de-musique.html</a><br><a href=/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html>20100304191943_tkblog_430_nus-de-jsus.html</a><br><a href=/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html>20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html</a><br><a href=/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html>20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html</a><br><a href=/lang_fr/20100225163110_tkblog_426_micro-onde.html>20100225163110_tkblog_426_micro-onde.html</a><br><a href=/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html>20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html</a><br><a href=/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html>20100223160542_tkblog_428_anniv-lauwenmark.html</a><br><a href=/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html>20100216110841_tkblog_464_i-am-haunted-by-dreamses.html</a><br><a href=/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html>20100214033124_tkblog_424_vraie-note-de-blog-bd.html</a><br><a href=/lang_fr/20100213171501_tkblog_423_soire-communiste.html>20100213171501_tkblog_423_soire-communiste.html</a><br><a href=/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html>20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html</a><br><a href=/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html>20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html</a><br><a href=/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html>20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html</a><br><a href=/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html>20100129213918_tkblog_222_muse-horta-2010.html</a><br><a href=/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html>20100129154243_tkblog_272_koan-koan-dit-le-canard.html</a><br><a href=/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html>20100127123635_tkblog_377_l-nigme-des-trois-maisons.html</a><br><a href=/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html>20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html</a><br><a href=/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html>20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html</a><br><a href=/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html>20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html</a><br><a href=/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html>20100121194049_tkblog_372_concept-art-tichaud.html</a><br><a href=/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html>20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html</a><br><a href=/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html>20100111200905_tkblog_373_j-demande-l-avis-du-public.html</a><br><a href=/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html>20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html</a><br><a href=/lang_fr/20100109201552_tkblog_380_tram-stop.html>20100109201552_tkblog_380_tram-stop.html</a><br><a href=/lang_fr/20100108015021_tkblog_381_illumination-inutile.html>20100108015021_tkblog_381_illumination-inutile.html</a><br><a href=/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html>20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html</a><br><a href=/lang_fr/20091228112148_tkblog_383_woot-movies.html>20091228112148_tkblog_383_woot-movies.html</a><br><a href=/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html>20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html</a><br><a href=/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html>20091212045626_tkblog_384_i-pod-by-tk.html</a><br><a href=/lang_fr/20091210232148_tkblog_140_schma-sociologique.html>20091210232148_tkblog_140_schma-sociologique.html</a><br><a href=/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html>20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html</a><br><a href=/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html>20091208013829_tkblog_388_scientifiquement-prouv.html</a><br><a href=/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html>20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html</a><br><a href=/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html>20091206175501_tkblog_389_oh-une-bad-girl.html</a><br><a href=/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html>20091130172626_tkblog_273_stairway-to-heaven.html</a><br><a href=/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html>20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html</a><br><a href=/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html>20091123180715_tkblog_395_mr-morality-l-homme-sage.html</a><br><a href=/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html>20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html</a><br><a href=/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html>20091118134053_tkblog_139_tuto-perspective-par-mesure.html</a><br><a href=/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html>20091118133313_tkblog_392_un-peu-de-mmoria.html</a><br><a href=/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html>20091118132407_tkblog_398_les-fleurs-du-cmal.html</a><br><a href=/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html>20091118132136_tkblog_396_fanart-yugioh.html</a><br><a href=/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html>20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html</a><br><a href=/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html>20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html</a><br><a href=/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html>20091118130713_tkblog_401_aber-chez-les-anglais.html</a><br><a href=/lang_fr/20091118125652_tkblog_400_bientt-nol.html>20091118125652_tkblog_400_bientt-nol.html</a><br><a href=/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html>20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html</a><br><a href=/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html>20091118125157_tkblog_403_tout-est-relatif-selon-aber.html</a><br><a href=/lang_fr/20091118125053_tkblog_104_fte-aber.html>20091118125053_tkblog_104_fte-aber.html</a><br><a href=/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html>20091118124651_tkblog_402_l-heure-du-th-pour-aber.html</a><br><a href=/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html>20091116084059_tkblog_404_alchimie-boulangerie.html</a><br><a href=/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html>20091115045829_tkblog_162_dessins-de-tous.html</a><br><a href=/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html>20091111044122_tkblog_406_la-vrit-sur-les-anglais.html</a><br><a href=/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html>20091111043602_tkblog_407_aber-contre-le-samourai.html</a><br><a href=/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html>20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html</a><br><a href=/lang_fr/20091030220402_tkblog_411_vis-ticket.html>20091030220402_tkblog_411_vis-ticket.html</a><br><a href=/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html>20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html</a><br><a href=/lang_fr/20091025005406_tkblog_412_sweets-lineless.html>20091025005406_tkblog_412_sweets-lineless.html</a><br><a href=/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html>20091024214344_tkblog_414_halouwine-de-merde.html</a><br><a href=/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html>20091022130953_tkblog_416_comme-a-se-prononce.html</a><br><a href=/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html>20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html</a><br><a href=/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html>20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html</a><br><a href=/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html>20091015134429_tkblog_418_simples-souvenirs-de-lyce.html</a><br><a href=/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html>20091012201813_tkblog_419_aquarelles-bonsoir.html</a><br><a href=/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html>20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html</a><br><a href=/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html>20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html</a><br><a href=/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html>20091006204124_tkblog_437_i-dizayne-your-mum.html</a><br><a href=/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html>20091005212419_tkblog_111_anatomie-dtails-de-visage.html</a><br><a href=/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html>20091001031255_tkblog_452_critiquer-storyboard-boucherie.html</a><br><a href=/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html>20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html</a><br><a href=/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html>20090928233232_tkblog_465_pinceau-d-exclamation.html</a><br><a href=/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html>20090927041207_tkblog_504_aquarelle-nabaztag.html</a><br><a href=/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html>20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html</a><br><a href=/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html>20090925233828_tkblog_470_de-la-boucherie.html</a><br><a href=/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html>20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html</a><br><a href=/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html>20090924184037_tkblog_473_bd2-v2-exercice-1.html</a><br><a href=/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html>20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html</a><br><a href=/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html>20090914014757_tkblog_474_aber-le-milliardaire-2.html</a><br><a href=/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html>20090912232119_tkblog_480_portfolio-en-ligne.html</a><br><a href=/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html>20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html</a><br><a href=/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html>20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html</a><br><a href=/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html>20090902140606_tkblog_481_petit-bois-belge.html</a><br><a href=/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html>20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html</a><br><a href=/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html>20090902133357_tkblog_484_canadaenne-qui-parwle.html</a><br><a href=/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html>20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html</a><br><a href=/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html>20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html</a><br><a href=/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html>20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html</a><br><a href=/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html>20090816202118_tkblog_506_tablette-ressucite.html</a><br><a href=/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html>20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html</a><br><a href=/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html>20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html</a><br><a href=/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html>20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html</a><br><a href=/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html>20090805203741_tkblog_275_c-est-trop-dur-la-vie.html</a><br><a href=/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html>20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html</a><br><a href=/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html>20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html</a><br><a href=/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html>20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html</a><br><a href=/lang_fr/20090728015924_tkblog_285_see-it-all.html>20090728015924_tkblog_285_see-it-all.html</a><br><a href=/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html>20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html</a><br><a href=/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html>20090716125836_tkblog_555_badminton-de-nuit.html</a><br><a href=/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html>20090618130645_tkblog_333_moloko-sing-it-back.html</a><br><a href=/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html>20090614183627_tkblog_91_amnagement-de-printemps.html</a><br><a href=/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html>20090613225207_tkblog_279_a-pwal-le-paintchat.html</a><br><a href=/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html>20090607132101_tkblog_141_cocktails-d-atelier-q.html</a><br><a href=/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html>20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html</a><br><a href=/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html>20090523003625_tkblog_280_c-est-la-fte-au-village.html</a><br><a href=/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html>20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html</a><br><a href=/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html>20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html</a><br><a href=/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html>20090423205603_tkblog_278_ho-un-atelier-cocci-0.html</a><br><a href=/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html>20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html</a><br><a href=/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html>20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html</a><br><a href=/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html>20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html</a><br><a href=/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html>20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html</a><br><a href=/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html>20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html</a><br><a href=/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html>20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html</a><br><a href=/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html>20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html</a><br><a href=/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html>20090301050845_tkblog_172_soubrettes-d-atelier-q.html</a><br><a href=/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html>20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html</a><br><a href=/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html>20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html</a><br><a href=/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html>20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html</a><br><a href=/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html>20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html</a><br><a href=/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html>20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html</a><br><a href=/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html>20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html</a><br><a href=/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html>20081208021659_tkblog_287_how-i-met-your-mother-fanart.html</a><br><a href=/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html>20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html</a><br><a href=/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html>20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html</a><br><a href=/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html>20081129101842_tkblog_323_bd2-exercice-2-page1.html</a><br><a href=/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html>20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html</a><br><a href=/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html>20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html</a><br><a href=/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html>20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html</a><br><a href=/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html>20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html</a><br><a href=/lang_fr/20081018215905_tkblog_329_gteau-polonais.html>20081018215905_tkblog_329_gteau-polonais.html</a><br><a href=/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html>20081006142404_tkblog_293_les-affaires-reprennent.html</a><br><a href=/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html>20080722153435_tkblog_146_c-est-quoi-troller.html</a><br><a href=/lang_fr/20080629140013_tkblog_441_s-les-vacances.html>20080629140013_tkblog_441_s-les-vacances.html</a><br><a href=/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html>20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html</a><br><a href=/lang_fr/20080512221301_tkblog_294_pour-motive.html>20080512221301_tkblog_294_pour-motive.html</a><br><a href=/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html>20080409174039_tkblog_115_tuto-cours-d-antomie.html</a><br><a href=/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html>20080222193547_tkblog_466_sondage-sur-l-homosexualit.html</a><br><a href=/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html>20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html</a><br><a href=/lang_fr/20080204202806_tkblog_462_culture-arte.html>20080204202806_tkblog_462_culture-arte.html</a><br><a href=/lang_fr/20080113213617_tkblog_390_no-hll-2007.html>20080113213617_tkblog_390_no-hll-2007.html</a><br><a href=/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html>20071209223357_tkblog_513_juju-la-jujunkee-drogue.html</a><br><a href=/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html>20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html</a><br><a href=/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html>20070919165250_tkblog_302_saint-luc-bd.html</a><br><a href=/lang_fr/20070904013545_tkblog_327_kot-life-start.html>20070904013545_tkblog_327_kot-life-start.html</a><br><a href=/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html>20070811162400_tkblog_417_le-blog-cach-d-aber.html</a><br><a href=/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html>20070726202107_tkblog_167_joriverssaire-et-youkoull.html</a><br><a href=/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html>20070724063230_tkblog_87_l-avis-de-pansai.html</a><br><a href=/lang_fr/20070630000855_tkblog_299_la-q-hotline.html>20070630000855_tkblog_299_la-q-hotline.html</a><br><a href=/lang_fr/20070601181939_tkblog_281_entre-deux.html>20070601181939_tkblog_281_entre-deux.html</a><br><a href=/lang_fr/20070523034830_tkblog_282_la-dame-juive.html>20070523034830_tkblog_282_la-dame-juive.html</a><br><a href=/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html>20070509234806_tkblog_132_tuto-d-une-page-de-bd.html</a><br><a href=/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html>20070501135741_tkblog_405_aber-tu-sors.html</a><br><a href=/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html>20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html</a><br><a href=/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html>20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html</a><br><a href=/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html>20061128150123_tkblog_331_atelier-cocci-fin-novembre.html</a><br><a href=/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html>20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html</a><br><a href=/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html>20060930150215_tkblog_100_foto-trip-et-drunken-pen.html</a><h1>Articles in English</h1></article></body></html>
\ No newline at end of file
+<h1>Navigation</h1><h1>Articles en Français</h1><br><a href=/lang_fr/20200718145450_tkblog_997_.html>20200718145450_tkblog_997_.html</a><br><a href=/lang_fr/20160726085509_tkblog_3_pitanime-2013.html>20160726085509_tkblog_3_pitanime-2013.html</a><br><a href=/lang_fr/20160724144354_tkblog_4_formule-de-compta.html>20160724144354_tkblog_4_formule-de-compta.html</a><br><a href=/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html>20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html</a><br><a href=/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html>20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html</a><br><a href=/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html>20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html</a><br><a href=/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html>20151122204254_tkblog_8_une-rousse-une-langue.html</a><br><a href=/lang_fr/20151118120933_tkblog_9_banana-woman.html>20151118120933_tkblog_9_banana-woman.html</a><br><a href=/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html>20151118110014_tkblog_10_amazone-de-confort.html</a><br><a href=/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html>20151030111905_tkblog_11_yuri-et-boobies.html</a><br><a href=/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html>20151029103735_tkblog_12_sculptons-la-pierre.html</a><br><a href=/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html>20151024080403_tkblog_13_yuri-la-fentre.html</a><br><a href=/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html>20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html</a><br><a href=/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html>20151022194732_tkblog_15_omnomnomnom-du-15e.html</a><br><a href=/lang_fr/20151013210406_tkblog_16_inktober-5.html>20151013210406_tkblog_16_inktober-5.html</a><br><a href=/lang_fr/20151013193532_tkblog_17_inktober-4.html>20151013193532_tkblog_17_inktober-4.html</a><br><a href=/lang_fr/20150808174137_tkblog_18_retour-de-venise.html>20150808174137_tkblog_18_retour-de-venise.html</a><br><a href=/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html>20150712100548_tkblog_19_coucou-les-ptis-lapin.html</a><br><a href=/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html>20150502171226_tkblog_20_1er-mai-muguet.html</a><br><a href=/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html>20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html</a><br><a href=/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html>20150211115823_tkblog_23_des-strips-pour-whatznext.html</a><br><a href=/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html>20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html</a><br><a href=/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html>20141219125646_tkblog_25_histoire-de-l-art.html</a><br><a href=/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html>20141219120507_tkblog_26_quelques-conneries-2.html</a><br><a href=/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html>20141219120250_tkblog_27_recrutement-au-remix-job-days.html</a><br><a href=/lang_fr/20141219085427_tkblog_28_un-bgaiement.html>20141219085427_tkblog_28_un-bgaiement.html</a><br><a href=/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html>20141218172824_tkblog_29_chapin-de-noel.html</a><br><a href=/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html>20141125194227_tkblog_30_les-conventions-bruyantes.html</a><br><a href=/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html>20141105165643_tkblog_31_oh-je-suis-dsol.html</a><br><a href=/lang_fr/20141011110752_tkblog_32_talon-d-achile.html>20141011110752_tkblog_32_talon-d-achile.html</a><br><a href=/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html>20140922102307_tkblog_33_rose-au-coeur.html</a><br><a href=/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html>20140919145739_tkblog_34_salet-de-standards-esthtiques.html</a><br><a href=/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html>20140919143810_tkblog_35_27-ans-de-folies.html</a><br><a href=/lang_fr/20140919133751_tkblog_36_tropique-noir.html>20140919133751_tkblog_36_tropique-noir.html</a><br><a href=/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html>20140919132156_tkblog_37_des-rves-et-des-tiroirs.html</a><br><a href=/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html>20140919130802_tkblog_38_la-rvolution-des-cheveux.html</a><br><a href=/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html>20140919130237_tkblog_39_pinces-d-affiche.html</a><br><a href=/lang_fr/20140813121719_tkblog_40_philo-gears.html>20140813121719_tkblog_40_philo-gears.html</a><br><a href=/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html>20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html</a><br><a href=/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html>20140729142000_tkblog_42_fornication-avec-une-carpette.html</a><br><a href=/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html>20140729141900_tkblog_43_le-mariage-geisha.html</a><br><a href=/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html>20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html</a><br><a href=/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html>20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html</a><br><a href=/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html>20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html</a><br><a href=/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html>20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html</a><br><a href=/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html>20140713223105_tkblog_48_interlude-post-japan-expo.html</a><br><a href=/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html>20140607200826_tkblog_49_portal-2-fanart.html</a><br><a href=/lang_fr/20140426172525_tkblog_50_le-binaire.html>20140426172525_tkblog_50_le-binaire.html</a><br><a href=/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html>20140420112236_tkblog_51_supportez-le-tykayn-blog.html</a><br><a href=/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html>20140419190300_tkblog_52_compte-rendu-du-festival-siana.html</a><br><a href=/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html>20140419185646_tkblog_53_fanart-intouchables.html</a><br><a href=/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html>20140411210234_tkblog_54_une-ddicace-udoduf.html</a><br><a href=/lang_fr/20140328232124_tkblog_55_tous-poil.html>20140328232124_tkblog_55_tous-poil.html</a><br><a href=/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html>20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html</a><br><a href=/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html>20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html</a><br><a href=/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html>20140303150039_tkblog_58_concours-affiche-pitanime-2014.html</a><br><a href=/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html>20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html</a><br><a href=/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html>20140131110928_tkblog_60_freebies-sur-portfolio.html</a><br><a href=/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html>20140128182936_tkblog_61_24-h-de-la-bd-2014.html</a><br><a href=/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html>20140114164130_tkblog_62_commission-game-of-thrones.html</a><br><a href=/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html>20131128151107_tkblog_63_derp-du-bengale.html</a><br><a href=/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html>20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html</a><br><a href=/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html>20131128150419_tkblog_65_sextoys-fanarts.html</a><br><a href=/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html>20131128150212_tkblog_66_par-la-barbichette.html</a><br><a href=/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html>20131128145809_tkblog_67_faolan-tu-veux.html</a><br><a href=/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html>20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html</a><br><a href=/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html>20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html</a><br><a href=/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html>20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html</a><br><a href=/lang_fr/20131108144707_tkblog_71_couple-yuri.html>20131108144707_tkblog_71_couple-yuri.html</a><br><a href=/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html>20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html</a><br><a href=/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html>20131108142942_tkblog_73_hommage-antoine-daniel.html</a><br><a href=/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html>20131108142406_tkblog_74_yaoi-bob-l-ponge.html</a><br><a href=/lang_fr/20131025163711_tkblog_75_a-donne-faim.html>20131025163711_tkblog_75_a-donne-faim.html</a><br><a href=/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html>20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html</a><br><a href=/lang_fr/20130930102054_tkblog_77_festiblog-2013.html>20130930102054_tkblog_77_festiblog-2013.html</a><br><a href=/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html>20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html</a><br><a href=/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html>20130916151400_tkblog_79_anticipation-de-youtube.html</a><br><a href=/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html>20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html</a><br><a href=/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html>20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html</a><br><a href=/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html>20130815101426_tkblog_82_100-likes-sur-facebook.html</a><br><a href=/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html>20130811123758_tkblog_83_dessin-du-sud.html</a><br><a href=/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html>20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html</a><br><a href=/lang_fr/20130717202714_tkblog_85_sport-d-t.html>20130717202714_tkblog_85_sport-d-t.html</a><br><a href=/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html>20130626175216_tkblog_251_mtro-con-vivial.html</a><br><a href=/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html>20130611184556_tkblog_366_caricatures-fugu-chaulnes.html</a><br><a href=/lang_fr/20130424201802_tkblog_86_quelques-dessins.html>20130424201802_tkblog_86_quelques-dessins.html</a><br><a href=/lang_fr/20130228202537_tkblog_120_rvolution.html>20130228202537_tkblog_120_rvolution.html</a><br><a href=/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html>20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html</a><br><a href=/lang_fr/20130214182736_tkblog_107_y-avait-long.html>20130214182736_tkblog_107_y-avait-long.html</a><br><a href=/lang_fr/20130122224329_tkblog_138_japan-nantes.html>20130122224329_tkblog_138_japan-nantes.html</a><br><a href=/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html>20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html</a><br><a href=/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html>20121226030127_tkblog_145_bonnes-ftes.html</a><br><a href=/lang_fr/20121201175359_tkblog_149_anim-est-2012.html>20121201175359_tkblog_149_anim-est-2012.html</a><br><a href=/lang_fr/20121119201605_tkblog_156_harajuku-2012.html>20121119201605_tkblog_156_harajuku-2012.html</a><br><a href=/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html>20121112223320_tkblog_165_et-dans-100-ans.html</a><br><a href=/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html>20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html</a><br><a href=/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html>20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html</a><br><a href=/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html>20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html</a><br><a href=/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html>20121007195401_tkblog_128_zelda-rap-by-smoosh.html</a><br><a href=/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html>20121002225545_tkblog_183_keanu-parano-sur-le-vote.html</a><br><a href=/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html>20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html</a><br><a href=/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html>20120924032603_tkblog_130_by-the-wall-en-statue.html</a><br><a href=/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html>20120921204647_tkblog_189_appli-pomes-et-potes.html</a><br><a href=/lang_fr/20120917123104_tkblog_241_procs-apple.html>20120917123104_tkblog_241_procs-apple.html</a><br><a href=/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html>20120907010930_tkblog_246_anniv-20-ans-de-hadh.html</a><br><a href=/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html>20120903141946_tkblog_176_1-an-de-ptit-chat.html</a><br><a href=/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html>20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html</a><br><a href=/lang_fr/20120830181831_tkblog_190_fin-d-aout.html>20120830181831_tkblog_190_fin-d-aout.html</a><br><a href=/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html>20120821181723_tkblog_191_comment-faire-des-conomies.html</a><br><a href=/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html>20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html</a><br><a href=/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html>20120808220030_tkblog_192_closeups-d-travers-le-tissu.html</a><br><a href=/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html>20120726144351_tkblog_197_truc-6-tl-connecte.html</a><br><a href=/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html>20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html</a><br><a href=/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html>20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html</a><br><a href=/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html>20120715204728_tkblog_198_japan-expo-2012.html</a><br><a href=/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html>20120627205528_tkblog_220_geek-faeries-compte-rendu.html</a><br><a href=/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html>20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html</a><br><a href=/lang_fr/20120613012252_tkblog_207_projet-17-mai.html>20120613012252_tkblog_207_projet-17-mai.html</a><br><a href=/lang_fr/20120613005404_tkblog_232_du-desu.html>20120613005404_tkblog_232_du-desu.html</a><br><a href=/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html>20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html</a><br><a href=/lang_fr/20120530152430_tkblog_319_pitanime-2012.html>20120530152430_tkblog_319_pitanime-2012.html</a><br><a href=/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html>20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html</a><br><a href=/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html>20120501082733_tkblog_217_rangement-et-photos-de-lyce.html</a><br><a href=/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html>20120429174217_tkblog_143_concours-illustration-projet-omg.html</a><br><a href=/lang_fr/20120405235234_tkblog_227_scandale.html>20120405235234_tkblog_227_scandale.html</a><br><a href=/lang_fr/20120401173256_tkblog_224_mars-fini.html>20120401173256_tkblog_224_mars-fini.html</a><br><a href=/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html>20120319173933_tkblog_226_29-ans-de-poulpe.html</a><br><a href=/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html>20120313131653_tkblog_233_dessins-du-weekend.html</a><br><a href=/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html>20120313130957_tkblog_203_sketches-comme-a.html</a><br><a href=/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html>20120313130036_tkblog_238_bon-apptit-sign-mariposa.html</a><br><a href=/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html>20120313125712_tkblog_248_dessin-anim-awesome.html</a><br><a href=/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html>20120313125224_tkblog_240_fruit-ninja-version-micanou.html</a><br><a href=/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html>20120305161852_tkblog_239_un-blog-un-arbre.html</a><br><a href=/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html>20120229225156_tkblog_242_la-moindre-des-choses.html</a><br><a href=/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html>20120227181428_tkblog_243_visite-mdicale-of-doom.html</a><br><a href=/lang_fr/20120221222528_tkblog_244_talons-hauts.html>20120221222528_tkblog_244_talons-hauts.html</a><br><a href=/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html>20120213224805_tkblog_245_what-is-st-valentin.html</a><br><a href=/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html>20120207214951_tkblog_249_epic-sketchcrawl-paris.html</a><br><a href=/lang_fr/20120204143457_tkblog_252_test-android.html>20120204143457_tkblog_252_test-android.html</a><br><a href=/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html>20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html</a><br><a href=/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html>20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html</a><br><a href=/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html>20120120015259_tkblog_304_blackout-day-l-lyse.html</a><br><a href=/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html>20120120011320_tkblog_303_truc-3-typo-complot.html</a><br><a href=/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html>20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html</a><br><a href=/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html>20120107135134_tkblog_306_feuille-test-imprimeur.html</a><br><a href=/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html>20111231013304_tkblog_307_bye-bye-2011.html</a><br><a href=/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html>20111231011901_tkblog_309_les-samourais-du-quai-branly.html</a><br><a href=/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html>20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html</a><br><a href=/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html>20111231011701_tkblog_310_dessins-du-louvre.html</a><br><a href=/lang_fr/20111229224403_tkblog_311_noel-power.html>20111229224403_tkblog_311_noel-power.html</a><br><a href=/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html>20111219212747_tkblog_254_rsultats-concours-q.html</a><br><a href=/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html>20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html</a><br><a href=/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html>20111213173759_tkblog_318_l-arnaque-du-mois.html</a><br><a href=/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html>20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html</a><br><a href=/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html>20111206063307_tkblog_312_l-importance-du-sketching.html</a><br><a href=/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html>20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html</a><br><a href=/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html>20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html</a><br><a href=/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html>20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html</a><br><a href=/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html>20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html</a><br><a href=/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html>20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html</a><br><a href=/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html>20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html</a><br><a href=/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html>20111123223706_tkblog_235_trois-poques-de-la-vie.html</a><br><a href=/lang_fr/20111120211743_tkblog_321_journaux-consternants.html>20111120211743_tkblog_321_journaux-consternants.html</a><br><a href=/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html>20111116163945_tkblog_322_dessins-d-anim-est.html</a><br><a href=/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html>20111114212506_tkblog_325_anim-est-2011-compte-rendu.html</a><br><a href=/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html>20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html</a><br><a href=/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html>20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html</a><br><a href=/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html>20111103174651_tkblog_336_jserai-anim-est-2011.html</a><br><a href=/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html>20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html</a><br><a href=/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html>20111102110215_tkblog_337_ddicace-aux-rcents-parents.html</a><br><a href=/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html>20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html</a><br><a href=/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html>20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html</a><br><a href=/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html>20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html</a><br><a href=/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html>20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html</a><br><a href=/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html>20111023141706_tkblog_202_clopeurs-post-classe.html</a><br><a href=/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html>20111023085821_tkblog_342_gnrateur-de-personnages.html</a><br><a href=/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html>20111023085135_tkblog_344_kamasutra-au-hasard.html</a><br><a href=/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html>20111021170323_tkblog_343_darwin-chez-interpol.html</a><br><a href=/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html>20111017111125_tkblog_339_photomontages-pourris.html</a><br><a href=/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html>20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html</a><br><a href=/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html>20111010181736_tkblog_350_du-neuf-et-des-dessins.html</a><br><a href=/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html>20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html</a><br><a href=/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html>20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html</a><br><a href=/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html>20111003114921_tkblog_161_studio-aardman-et-bercy.html</a><br><a href=/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html>20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html</a><br><a href=/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html>20110927205329_tkblog_352_jesus-rocks-the-metric.html</a><br><a href=/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html>20110927205024_tkblog_356_apprendre-la-politesse.html</a><br><a href=/lang_fr/20110923051951_tkblog_195_css-joke.html>20110923051951_tkblog_195_css-joke.html</a><br><a href=/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html>20110922092712_tkblog_160_festiblog-zach-weiner.html</a><br><a href=/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html>20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html</a><br><a href=/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html>20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html</a><br><a href=/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html>20110921213849_tkblog_358_tykayn-golden-blog-award.html</a><br><a href=/lang_fr/20110920210511_tkblog_133_humour-prohib.html>20110920210511_tkblog_133_humour-prohib.html</a><br><a href=/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html>20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html</a><br><a href=/lang_fr/20110916153857_tkblog_171_roux-pride.html>20110916153857_tkblog_171_roux-pride.html</a><br><a href=/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html>20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html</a><br><a href=/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html>20110914205444_tkblog_364_dessins-d-after-harajuku.html</a><br><a href=/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html>20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html</a><br><a href=/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html>20110904111328_tkblog_367_bientt-harajuku-2011.html</a><br><a href=/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html>20110829033115_tkblog_147_optimise-tes-relations.html</a><br><a href=/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html>20110824001501_tkblog_369_nouvelle-blogroll.html</a><br><a href=/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html>20110822131000_tkblog_370_vadrouille-au-parc-monceau.html</a><br><a href=/lang_fr/20110817132156_tkblog_326_crdules-nous.html>20110817132156_tkblog_326_crdules-nous.html</a><br><a href=/lang_fr/20110814101256_tkblog_159_hadh-anniv.html>20110814101256_tkblog_159_hadh-anniv.html</a><br><a href=/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html>20110814053121_tkblog_173_back-return-to-the-future.html</a><br><a href=/lang_fr/20110813145936_tkblog_379_blogroll.html>20110813145936_tkblog_379_blogroll.html</a><br><a href=/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html>20110810001017_tkblog_317_url-maker-tuto-vido.html</a><br><a href=/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html>20110808211413_tkblog_363_vanit-de-la-couette.html</a><br><a href=/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html>20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html</a><br><a href=/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html>20110727051458_tkblog_247_bercy-village-dessins.html</a><br><a href=/lang_fr/20110724231342_tkblog_174_sketchcrawl.html>20110724231342_tkblog_174_sketchcrawl.html</a><br><a href=/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html>20110722092947_tkblog_330_projets-du-moment-2.html</a><br><a href=/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html>20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html</a><br><a href=/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html>20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html</a><br><a href=/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html>20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html</a><br><a href=/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html>20110707184119_tkblog_297_dessins-de-japan-expo-2011.html</a><br><a href=/lang_fr/20110707183636_tkblog_353_un-appart-vide.html>20110707183636_tkblog_353_un-appart-vide.html</a><br><a href=/lang_fr/20110624120214_tkblog_255_ge.gmies-clooney-et-autres-conneries.html>20110624120214_tkblog_255_ge.gmies-clooney-et-autres-conneries.html</a><br><a href=/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html>20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html</a><br><a href=/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html>20110622073135_tkblog_230_feuille-de-repre-pour-bd.html</a><br><a href=/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html>20110617085041_tkblog_180_stase-dans-une-boite-teaser.html</a><br><a href=/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html>20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html</a><br><a href=/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html>20110602190404_tkblog_113_go-go-go-geek-faeries.html</a><br><a href=/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html>20110601201842_tkblog_178_aquarelles-et-portal-2.html</a><br><a href=/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html>20110523195432_tkblog_298_weekend-buttes-chaumont.html</a><br><a href=/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html>20110512040410_tkblog_151_eve-rest-histoire-courte.html</a><br><a href=/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html>20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html</a><br><a href=/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html>20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html</a><br><a href=/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html>20110502220132_tkblog_164_fouine-a-parl.html</a><br><a href=/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html>20110501031535_tkblog_200_demotivators-de-moscou.html</a><br><a href=/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html>20110501023804_tkblog_218_chine-mtro-et-signalisation.html</a><br><a href=/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html>20110501012153_tkblog_237_aquarelles-relles-relles.html</a><br><a href=/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html>20110426215400_tkblog_169_corps-plastins-de-l-ucl.html</a><br><a href=/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html>20110325082708_tkblog_231_vibromasseur-si-si.html</a><br><a href=/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html>20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html</a><br><a href=/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html>20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html</a><br><a href=/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html>20110315214801_tkblog_168_banquier-over-nine-thousand.html</a><br><a href=/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html>20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html</a><br><a href=/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html>20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html</a><br><a href=/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html>20110307122509_tkblog_346_gille-sortant-des-vlams.html</a><br><a href=/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html>20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html</a><br><a href=/lang_fr/20110306014033_tkblog_362_jakadi.html>20110306014033_tkblog_362_jakadi.html</a><br><a href=/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html>20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html</a><br><a href=/lang_fr/20110217165952_tkblog_123_quelques-conneries.html>20110217165952_tkblog_123_quelques-conneries.html</a><br><a href=/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html>20110217165525_tkblog_368_tykayn-et-la-grace.html</a><br><a href=/lang_fr/20110217164731_tkblog_179_badminton-punishement.html>20110217164731_tkblog_179_badminton-punishement.html</a><br><a href=/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html>20110213051713_tkblog_332_conseils-relationnels.html</a><br><a href=/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html>20110212185515_tkblog_166_butt-man-pacman.html</a><br><a href=/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html>20110208171829_tkblog_114_nus-de-femmes-nues.html</a><br><a href=/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html>20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html</a><br><a href=/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html>20110118232724_tkblog_158_oubapo-reprise.html</a><br><a href=/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html>20110104125825_tkblog_154_hacking-de-frigo.html</a><br><a href=/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html>20110103212809_tkblog_175_repas-de-nouvel-an.html</a><br><a href=/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html>20110102111003_tkblog_345_le-syndrome-de-patou.html</a><br><a href=/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html>20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html</a><br><a href=/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html>20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html</a><br><a href=/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html>20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html</a><br><a href=/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html>20101127200646_tkblog_101_encore-des-femmes-poil-nues.html</a><br><a href=/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html>20101120175109_tkblog_129_demotivational-stuff.html</a><br><a href=/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html>20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html</a><br><a href=/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html>20101113054559_tkblog_134_bouteille-message-saint-luc.html</a><br><a href=/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html>20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html</a><br><a href=/lang_fr/20101026234131_tkblog_259_erreur-500.html>20101026234131_tkblog_259_erreur-500.html</a><br><a href=/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html>20101016123750_tkblog_562_adieu-ppte-le-chat.html</a><br><a href=/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html>20101015211826_tkblog_561_squatt-chez-garga.html</a><br><a href=/lang_fr/20101012230651_tkblog_559_i-whistle.html>20101012230651_tkblog_559_i-whistle.html</a><br><a href=/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html>20101010164826_tkblog_560_innocente-jeunesse.html</a><br><a href=/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html>20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html</a><br><a href=/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html>20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html</a><br><a href=/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html>20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html</a><br><a href=/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html>20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html</a><br><a href=/lang_fr/20101003195851_tkblog_549_noob-user.html>20101003195851_tkblog_549_noob-user.html</a><br><a href=/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html>20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html</a><br><a href=/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html>20101002123031_tkblog_546_optimise-ton-supermarch.html</a><br><a href=/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html>20100928195721_tkblog_545_mangasse-boulet.html</a><br><a href=/lang_fr/20100927181955_tkblog_196_festiblog-2010.html>20100927181955_tkblog_196_festiblog-2010.html</a><br><a href=/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html>20100924224049_tkblog_542_salut-mali-bercy.html</a><br><a href=/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html>20100922111437_tkblog_540_les-gaufres-dgueulasses.html</a><br><a href=/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html>20100920183815_tkblog_539_adage-de-programmeux.html</a><br><a href=/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html>20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html</a><br><a href=/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html>20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html</a><br><a href=/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html>20100909000903_tkblog_536_sex-toys-du-peuple.html</a><br><a href=/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html>20100909000218_tkblog_535_signaltique-des-latrines.html</a><br><a href=/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html>20100908120515_tkblog_538_buttes-chaumont-2010.html</a><br><a href=/lang_fr/20100907200756_tkblog_534_dans-le-futur.html>20100907200756_tkblog_534_dans-le-futur.html</a><br><a href=/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html>20100906204035_tkblog_262_ddicaces-q-d-t.html</a><br><a href=/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html>20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html</a><br><a href=/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html>20100831193311_tkblog_532_tykayn-hadh-land.html</a><br><a href=/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html>20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html</a><br><a href=/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html>20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html</a><br><a href=/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html>20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html</a><br><a href=/lang_fr/20100819214418_tkblog_530_confusion-pirate.html>20100819214418_tkblog_530_confusion-pirate.html</a><br><a href=/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html>20100817192342_tkblog_531_proposition-incandescente.html</a><br><a href=/lang_fr/20100816214604_tkblog_524_sexuelle.html>20100816214604_tkblog_524_sexuelle.html</a><br><a href=/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html>20100816214302_tkblog_526_de-lekter-ses-pieds.html</a><br><a href=/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html>20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html</a><br><a href=/lang_fr/20100814221618_tkblog_520_vadrouille.html>20100814221618_tkblog_520_vadrouille.html</a><br><a href=/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html>20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html</a><br><a href=/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html>20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html</a><br><a href=/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html>20100811205821_tkblog_468_forest-adventure-normandie.html</a><br><a href=/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html>20100807205823_tkblog_516_conseil-relationnel-du-jour.html</a><br><a href=/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html>20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html</a><br><a href=/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html>20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html</a><br><a href=/lang_fr/20100715002723_tkblog_511_scrabble.html>20100715002723_tkblog_511_scrabble.html</a><br><a href=/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html>20100714124043_tkblog_512_je-collectionne-les-canards.html</a><br><a href=/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html>20100713212511_tkblog_515_mots-cls-de-l-t.html</a><br><a href=/lang_fr/20100629153927_tkblog_265_badges-q.html>20100629153927_tkblog_265_badges-q.html</a><br><a href=/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html>20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html</a><br><a href=/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html>20100626040746_tkblog_508_icones-todojsc-youpi.html</a><br><a href=/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html>20100624233034_tkblog_266_how-i-met-cobie-smulders.html</a><br><a href=/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html>20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html</a><br><a href=/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html>20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html</a><br><a href=/lang_fr/20100616195404_tkblog_499_confiotte.html>20100616195404_tkblog_499_confiotte.html</a><br><a href=/lang_fr/20100609230248_tkblog_93_cours-du-soir.html>20100609230248_tkblog_93_cours-du-soir.html</a><br><a href=/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html>20100609005106_tkblog_500_pourquoi-rflchir.html</a><br><a href=/lang_fr/20100606142229_tkblog_501_nus-du-soir.html>20100606142229_tkblog_501_nus-du-soir.html</a><br><a href=/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html>20100601155427_tkblog_498_sous-vtements-intelligents.html</a><br><a href=/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html>20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html</a><br><a href=/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html>20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html</a><br><a href=/lang_fr/20100523021200_tkblog_268_q-badges.html>20100523021200_tkblog_268_q-badges.html</a><br><a href=/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html>20100520024455_tkblog_490_tykayn-par-hadh.html</a><br><a href=/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html>20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html</a><br><a href=/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html>20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html</a><br><a href=/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html>20100502182014_tkblog_477_acide-dsoxyribonuclique.html</a><br><a href=/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html>20100501001817_tkblog_476_tykayn-violence-ou-calme.html</a><br><a href=/lang_fr/20100501000341_tkblog_213_vacamente.html>20100501000341_tkblog_213_vacamente.html</a><br><a href=/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html>20100430235753_tkblog_486_on-est-tous-des-imbciles.html</a><br><a href=/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html>20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html</a><br><a href=/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html>20100430191746_tkblog_479_ditions-du-puits.html</a><br><a href=/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html>20100430184533_tkblog_109_truc-de-ouf.html</a><br><a href=/lang_fr/20100430174434_tkblog_525_.gmiie-chez-les-erasmus.html>20100430174434_tkblog_525_.gmiie-chez-les-erasmus.html</a><br><a href=/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html>20100426153517_tkblog_472_fanart-candy-trash.html</a><br><a href=/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html>20100426003955_tkblog_116_paintchat-ice-cream.html</a><br><a href=/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html>20100424150034_tkblog_208_how-i-met-your-mother-vf.html</a><br><a href=/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html>20100424145733_tkblog_284_q-est-un-ensemble-naturel.html</a><br><a href=/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html>20100424145233_tkblog_487_vaisselle-des-lamentations.html</a><br><a href=/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html>20100424144949_tkblog_537_plus-l-infini-et-au-del.html</a><br><a href=/lang_fr/20100424144606_tkblog_459_vampires.html>20100424144606_tkblog_459_vampires.html</a><br><a href=/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html>20100424144401_tkblog_482_draguer-une-mathmaticienne.html</a><br><a href=/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html>20100424141355_tkblog_457_embauche-et-en-finesse.html</a><br><a href=/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html>20100420192842_tkblog_456_salut-patrick-xkcd-style.html</a><br><a href=/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html>20100420192423_tkblog_460_trailer-bd-omg-chap3.html</a><br><a href=/lang_fr/20100420192210_tkblog_458_steam-punk.html>20100420192210_tkblog_458_steam-punk.html</a><br><a href=/lang_fr/20100420000747_tkblog_455_tea-for-two.html>20100420000747_tkblog_455_tea-for-two.html</a><br><a href=/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html>20100418094918_tkblog_271_chapitre-3-omg-wouala.html</a><br><a href=/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html>20100413204240_tkblog_454_ppte-voyage-au-printemps.html</a><br><a href=/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html>20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html</a><br><a href=/lang_fr/20100405003841_tkblog_450_caf-cadeau.html>20100405003841_tkblog_450_caf-cadeau.html</a><br><a href=/lang_fr/20100405003055_tkblog_448_1er-avril.html>20100405003055_tkblog_448_1er-avril.html</a><br><a href=/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html>20100403220946_tkblog_449_maintenant-commence-l-avenir.html</a><br><a href=/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html>20100401190657_tkblog_447_dcoupage-lisible.html</a><br><a href=/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html>20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html</a><br><a href=/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html>20100325142139_tkblog_446_tiramisu-tk-land.html</a><br><a href=/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html>20100324010955_tkblog_444_arcadi-s-art.html</a><br><a href=/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html>20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html</a><br><a href=/lang_fr/20100322214720_tkblog_439_culture-tl.html>20100322214720_tkblog_439_culture-tl.html</a><br><a href=/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html>20100318205545_tkblog_436_rome-et-ses-conneries.html</a><br><a href=/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html>20100318204936_tkblog_438_marbres-de-rome.html</a><br><a href=/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html>20100310181108_tkblog_435_pluuuuuuus-de-dessins.html</a><br><a href=/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html>20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html</a><br><a href=/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html>20100310180107_tkblog_433_mine-de-plomb-youpi.html</a><br><a href=/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html>20100309003208_tkblog_434_speed-writing-et-painting.html</a><br><a href=/lang_fr/20100304193059_tkblog_431_rteau.html>20100304193059_tkblog_431_rteau.html</a><br><a href=/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html>20100304192849_tkblog_432_muse-des-instruments-de-musique.html</a><br><a href=/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html>20100304191943_tkblog_430_nus-de-jsus.html</a><br><a href=/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html>20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html</a><br><a href=/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html>20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html</a><br><a href=/lang_fr/20100225163110_tkblog_426_micro-onde.html>20100225163110_tkblog_426_micro-onde.html</a><br><a href=/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html>20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html</a><br><a href=/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html>20100223160542_tkblog_428_anniv-lauwenmark.html</a><br><a href=/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html>20100216110841_tkblog_464_i-am-haunted-by-dreamses.html</a><br><a href=/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html>20100214033124_tkblog_424_vraie-note-de-blog-bd.html</a><br><a href=/lang_fr/20100213171501_tkblog_423_soire-communiste.html>20100213171501_tkblog_423_soire-communiste.html</a><br><a href=/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html>20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html</a><br><a href=/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html>20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html</a><br><a href=/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html>20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html</a><br><a href=/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html>20100129213918_tkblog_222_muse-horta-2010.html</a><br><a href=/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html>20100129154243_tkblog_272_koan-koan-dit-le-canard.html</a><br><a href=/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html>20100127123635_tkblog_377_l-nigme-des-trois-maisons.html</a><br><a href=/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html>20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html</a><br><a href=/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html>20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html</a><br><a href=/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html>20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html</a><br><a href=/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html>20100121194049_tkblog_372_concept-art-tichaud.html</a><br><a href=/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html>20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html</a><br><a href=/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html>20100111200905_tkblog_373_j-demande-l-avis-du-public.html</a><br><a href=/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html>20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html</a><br><a href=/lang_fr/20100109201552_tkblog_380_tram-stop.html>20100109201552_tkblog_380_tram-stop.html</a><br><a href=/lang_fr/20100108015021_tkblog_381_illumination-inutile.html>20100108015021_tkblog_381_illumination-inutile.html</a><br><a href=/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html>20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html</a><br><a href=/lang_fr/20091228112148_tkblog_383_woot-movies.html>20091228112148_tkblog_383_woot-movies.html</a><br><a href=/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html>20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html</a><br><a href=/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html>20091212045626_tkblog_384_i-pod-by-tk.html</a><br><a href=/lang_fr/20091210232148_tkblog_140_schma-sociologique.html>20091210232148_tkblog_140_schma-sociologique.html</a><br><a href=/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html>20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html</a><br><a href=/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html>20091208013829_tkblog_388_scientifiquement-prouv.html</a><br><a href=/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html>20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html</a><br><a href=/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html>20091206175501_tkblog_389_oh-une-bad-girl.html</a><br><a href=/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html>20091130172626_tkblog_273_stairway-to-heaven.html</a><br><a href=/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html>20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html</a><br><a href=/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html>20091123180715_tkblog_395_mr-morality-l-homme-sage.html</a><br><a href=/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html>20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html</a><br><a href=/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html>20091118134053_tkblog_139_tuto-perspective-par-mesure.html</a><br><a href=/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html>20091118133313_tkblog_392_un-peu-de-mmoria.html</a><br><a href=/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html>20091118132407_tkblog_398_les-fleurs-du-cmal.html</a><br><a href=/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html>20091118132136_tkblog_396_fanart-yugioh.html</a><br><a href=/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html>20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html</a><br><a href=/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html>20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html</a><br><a href=/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html>20091118130713_tkblog_401_aber-chez-les-anglais.html</a><br><a href=/lang_fr/20091118125652_tkblog_400_bientt-nol.html>20091118125652_tkblog_400_bientt-nol.html</a><br><a href=/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html>20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html</a><br><a href=/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html>20091118125157_tkblog_403_tout-est-relatif-selon-aber.html</a><br><a href=/lang_fr/20091118125053_tkblog_104_fte-aber.html>20091118125053_tkblog_104_fte-aber.html</a><br><a href=/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html>20091118124651_tkblog_402_l-heure-du-th-pour-aber.html</a><br><a href=/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html>20091116084059_tkblog_404_alchimie-boulangerie.html</a><br><a href=/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html>20091115045829_tkblog_162_dessins-de-tous.html</a><br><a href=/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html>20091111044122_tkblog_406_la-vrit-sur-les-anglais.html</a><br><a href=/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html>20091111043602_tkblog_407_aber-contre-le-samourai.html</a><br><a href=/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html>20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html</a><br><a href=/lang_fr/20091030220402_tkblog_411_vis-ticket.html>20091030220402_tkblog_411_vis-ticket.html</a><br><a href=/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html>20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html</a><br><a href=/lang_fr/20091025005406_tkblog_412_sweets-lineless.html>20091025005406_tkblog_412_sweets-lineless.html</a><br><a href=/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html>20091024214344_tkblog_414_halouwine-de-merde.html</a><br><a href=/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html>20091022130953_tkblog_416_comme-a-se-prononce.html</a><br><a href=/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html>20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html</a><br><a href=/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html>20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html</a><br><a href=/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html>20091015134429_tkblog_418_simples-souvenirs-de-lyce.html</a><br><a href=/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html>20091012201813_tkblog_419_aquarelles-bonsoir.html</a><br><a href=/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html>20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html</a><br><a href=/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html>20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html</a><br><a href=/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html>20091006204124_tkblog_437_i-dizayne-your-mum.html</a><br><a href=/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html>20091005212419_tkblog_111_anatomie-dtails-de-visage.html</a><br><a href=/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html>20091001031255_tkblog_452_critiquer-storyboard-boucherie.html</a><br><a href=/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html>20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html</a><br><a href=/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html>20090928233232_tkblog_465_pinceau-d-exclamation.html</a><br><a href=/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html>20090927041207_tkblog_504_aquarelle-nabaztag.html</a><br><a href=/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html>20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html</a><br><a href=/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html>20090925233828_tkblog_470_de-la-boucherie.html</a><br><a href=/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html>20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html</a><br><a href=/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html>20090924184037_tkblog_473_bd2-v2-exercice-1.html</a><br><a href=/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html>20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html</a><br><a href=/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html>20090914014757_tkblog_474_aber-le-milliardaire-2.html</a><br><a href=/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html>20090912232119_tkblog_480_portfolio-en-ligne.html</a><br><a href=/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html>20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html</a><br><a href=/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html>20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html</a><br><a href=/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html>20090902140606_tkblog_481_petit-bois-belge.html</a><br><a href=/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html>20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html</a><br><a href=/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html>20090902133357_tkblog_484_canadaenne-qui-parwle.html</a><br><a href=/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html>20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html</a><br><a href=/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html>20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html</a><br><a href=/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html>20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html</a><br><a href=/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html>20090816202118_tkblog_506_tablette-ressucite.html</a><br><a href=/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html>20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html</a><br><a href=/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html>20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html</a><br><a href=/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html>20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html</a><br><a href=/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html>20090805203741_tkblog_275_c-est-trop-dur-la-vie.html</a><br><a href=/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html>20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html</a><br><a href=/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html>20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html</a><br><a href=/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html>20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html</a><br><a href=/lang_fr/20090728015924_tkblog_285_see-it-all.html>20090728015924_tkblog_285_see-it-all.html</a><br><a href=/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html>20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html</a><br><a href=/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html>20090716125836_tkblog_555_badminton-de-nuit.html</a><br><a href=/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html>20090618130645_tkblog_333_moloko-sing-it-back.html</a><br><a href=/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html>20090614183627_tkblog_91_amnagement-de-printemps.html</a><br><a href=/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html>20090613225207_tkblog_279_a-pwal-le-paintchat.html</a><br><a href=/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html>20090607132101_tkblog_141_cocktails-d-atelier-q.html</a><br><a href=/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html>20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html</a><br><a href=/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html>20090523003625_tkblog_280_c-est-la-fte-au-village.html</a><br><a href=/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html>20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html</a><br><a href=/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html>20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html</a><br><a href=/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html>20090423205603_tkblog_278_ho-un-atelier-cocci-0.html</a><br><a href=/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html>20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html</a><br><a href=/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html>20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html</a><br><a href=/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html>20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html</a><br><a href=/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html>20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html</a><br><a href=/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html>20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html</a><br><a href=/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html>20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html</a><br><a href=/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html>20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html</a><br><a href=/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html>20090301050845_tkblog_172_soubrettes-d-atelier-q.html</a><br><a href=/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html>20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html</a><br><a href=/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html>20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html</a><br><a href=/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html>20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html</a><br><a href=/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html>20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html</a><br><a href=/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html>20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html</a><br><a href=/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html>20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html</a><br><a href=/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html>20081208021659_tkblog_287_how-i-met-your-mother-fanart.html</a><br><a href=/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html>20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html</a><br><a href=/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html>20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html</a><br><a href=/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html>20081129101842_tkblog_323_bd2-exercice-2-page1.html</a><br><a href=/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html>20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html</a><br><a href=/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html>20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html</a><br><a href=/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html>20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html</a><br><a href=/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html>20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html</a><br><a href=/lang_fr/20081018215905_tkblog_329_gteau-polonais.html>20081018215905_tkblog_329_gteau-polonais.html</a><br><a href=/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html>20081006142404_tkblog_293_les-affaires-reprennent.html</a><br><a href=/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html>20080722153435_tkblog_146_c-est-quoi-troller.html</a><br><a href=/lang_fr/20080629140013_tkblog_441_s-les-vacances.html>20080629140013_tkblog_441_s-les-vacances.html</a><br><a href=/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html>20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html</a><br><a href=/lang_fr/20080512221301_tkblog_294_pour-motive.html>20080512221301_tkblog_294_pour-motive.html</a><br><a href=/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html>20080409174039_tkblog_115_tuto-cours-d-antomie.html</a><br><a href=/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html>20080222193547_tkblog_466_sondage-sur-l-homosexualit.html</a><br><a href=/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html>20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html</a><br><a href=/lang_fr/20080204202806_tkblog_462_culture-arte.html>20080204202806_tkblog_462_culture-arte.html</a><br><a href=/lang_fr/20080113213617_tkblog_390_no-hll-2007.html>20080113213617_tkblog_390_no-hll-2007.html</a><br><a href=/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html>20071209223357_tkblog_513_juju-la-jujunkee-drogue.html</a><br><a href=/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html>20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html</a><br><a href=/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html>20070919165250_tkblog_302_saint-luc-bd.html</a><br><a href=/lang_fr/20070904013545_tkblog_327_kot-life-start.html>20070904013545_tkblog_327_kot-life-start.html</a><br><a href=/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html>20070811162400_tkblog_417_le-blog-cach-d-aber.html</a><br><a href=/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html>20070726202107_tkblog_167_joriverssaire-et-youkoull.html</a><br><a href=/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html>20070724063230_tkblog_87_l-avis-de-pansai.html</a><br><a href=/lang_fr/20070630000855_tkblog_299_la-q-hotline.html>20070630000855_tkblog_299_la-q-hotline.html</a><br><a href=/lang_fr/20070601181939_tkblog_281_entre-deux.html>20070601181939_tkblog_281_entre-deux.html</a><br><a href=/lang_fr/20070523034830_tkblog_282_la-dame-juive.html>20070523034830_tkblog_282_la-dame-juive.html</a><br><a href=/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html>20070509234806_tkblog_132_tuto-d-une-page-de-bd.html</a><br><a href=/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html>20070501135741_tkblog_405_aber-tu-sors.html</a><br><a href=/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html>20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html</a><br><a href=/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html>20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html</a><br><a href=/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html>20061128150123_tkblog_331_atelier-cocci-fin-novembre.html</a><br><a href=/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html>20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html</a><br><a href=/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html>20060930150215_tkblog_100_foto-trip-et-drunken-pen.html</a><h1>Articles in English</h1></article></body></html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html b/html-websites/tykayn_blog/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html
index db50d8b1..e9cdf90b 100644
--- a/html-websites/tykayn_blog/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html
+++ b/html-websites/tykayn_blog/lang_fr/20060930150215_tkblog_100_foto-trip-et-drunken-pen.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -238,3 +634,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html b/html-websites/tykayn_blog/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html
index 0db461f2..7af9f1a0 100644
--- a/html-websites/tykayn_blog/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html
+++ b/html-websites/tykayn_blog/lang_fr/20061121202916_tkblog_106_anim-est-2006-y-a-t-il-une-vie-aprs-hardgay.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -390,3 +786,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html b/html-websites/tykayn_blog/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html
index 3b5d45ea..8f303ec0 100644
--- a/html-websites/tykayn_blog/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html
+++ b/html-websites/tykayn_blog/lang_fr/20061128150123_tkblog_331_atelier-cocci-fin-novembre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -382,3 +778,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html b/html-websites/tykayn_blog/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html
index 5ff2efca..202e5771 100644
--- a/html-websites/tykayn_blog/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html
+++ b/html-websites/tykayn_blog/lang_fr/20061206214450_tkblog_124_plan-loose-lol-et-crpes-par-t-i-e-s.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -351,3 +747,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html b/html-websites/tykayn_blog/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html
index 206746fc..9e4f1756 100644
--- a/html-websites/tykayn_blog/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html
+++ b/html-websites/tykayn_blog/lang_fr/20070202210558_tkblog_463_du-neuf-du-pognon-duku-tout-va-bien.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -249,3 +645,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html b/html-websites/tykayn_blog/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html
index e1db2f03..df0ad002 100644
--- a/html-websites/tykayn_blog/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html
+++ b/html-websites/tykayn_blog/lang_fr/20070501135741_tkblog_405_aber-tu-sors.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html b/html-websites/tykayn_blog/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html
index 7f5cdb57..51f9f480 100644
--- a/html-websites/tykayn_blog/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20070509234806_tkblog_132_tuto-d-une-page-de-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -420,3 +816,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070523034830_tkblog_282_la-dame-juive.html b/html-websites/tykayn_blog/lang_fr/20070523034830_tkblog_282_la-dame-juive.html
index 7187c033..5b093566 100644
--- a/html-websites/tykayn_blog/lang_fr/20070523034830_tkblog_282_la-dame-juive.html
+++ b/html-websites/tykayn_blog/lang_fr/20070523034830_tkblog_282_la-dame-juive.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -289,3 +685,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070601181939_tkblog_281_entre-deux.html b/html-websites/tykayn_blog/lang_fr/20070601181939_tkblog_281_entre-deux.html
index b9cc1b1b..53818f42 100644
--- a/html-websites/tykayn_blog/lang_fr/20070601181939_tkblog_281_entre-deux.html
+++ b/html-websites/tykayn_blog/lang_fr/20070601181939_tkblog_281_entre-deux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -226,3 +622,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070630000855_tkblog_299_la-q-hotline.html b/html-websites/tykayn_blog/lang_fr/20070630000855_tkblog_299_la-q-hotline.html
index 9f5fdbcf..f4bea7fe 100644
--- a/html-websites/tykayn_blog/lang_fr/20070630000855_tkblog_299_la-q-hotline.html
+++ b/html-websites/tykayn_blog/lang_fr/20070630000855_tkblog_299_la-q-hotline.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html b/html-websites/tykayn_blog/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html
index a363022f..bb877bf3 100644
--- a/html-websites/tykayn_blog/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html
+++ b/html-websites/tykayn_blog/lang_fr/20070724063230_tkblog_87_l-avis-de-pansai.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html b/html-websites/tykayn_blog/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html
index d2d0f4d5..b4d68dda 100644
--- a/html-websites/tykayn_blog/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html
+++ b/html-websites/tykayn_blog/lang_fr/20070726202107_tkblog_167_joriverssaire-et-youkoull.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -288,3 +684,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html b/html-websites/tykayn_blog/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html
index 073257b5..82a090fe 100644
--- a/html-websites/tykayn_blog/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html
+++ b/html-websites/tykayn_blog/lang_fr/20070811162400_tkblog_417_le-blog-cach-d-aber.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070904013545_tkblog_327_kot-life-start.html b/html-websites/tykayn_blog/lang_fr/20070904013545_tkblog_327_kot-life-start.html
index 1573af3c..5b409639 100644
--- a/html-websites/tykayn_blog/lang_fr/20070904013545_tkblog_327_kot-life-start.html
+++ b/html-websites/tykayn_blog/lang_fr/20070904013545_tkblog_327_kot-life-start.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -225,3 +621,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html b/html-websites/tykayn_blog/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html
index 8188d25e..43009e7b 100644
--- a/html-websites/tykayn_blog/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20070919165250_tkblog_302_saint-luc-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html b/html-websites/tykayn_blog/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html
index 16624a1e..16488566 100644
--- a/html-websites/tykayn_blog/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20071002183541_tkblog_108_ma-premire-tablette-graphique-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html b/html-websites/tykayn_blog/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html
index 851dbeb1..6dba33af 100644
--- a/html-websites/tykayn_blog/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html
+++ b/html-websites/tykayn_blog/lang_fr/20071209223357_tkblog_513_juju-la-jujunkee-drogue.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080113213617_tkblog_390_no-hll-2007.html b/html-websites/tykayn_blog/lang_fr/20080113213617_tkblog_390_no-hll-2007.html
index a5451bca..ecde9283 100644
--- a/html-websites/tykayn_blog/lang_fr/20080113213617_tkblog_390_no-hll-2007.html
+++ b/html-websites/tykayn_blog/lang_fr/20080113213617_tkblog_390_no-hll-2007.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -321,3 +717,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080204202806_tkblog_462_culture-arte.html b/html-websites/tykayn_blog/lang_fr/20080204202806_tkblog_462_culture-arte.html
index 2e018d6a..4fc7598e 100644
--- a/html-websites/tykayn_blog/lang_fr/20080204202806_tkblog_462_culture-arte.html
+++ b/html-websites/tykayn_blog/lang_fr/20080204202806_tkblog_462_culture-arte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html b/html-websites/tykayn_blog/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html
index 66ef151c..730fcbea 100644
--- a/html-websites/tykayn_blog/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html
+++ b/html-websites/tykayn_blog/lang_fr/20080212003559_tkblog_557_j-vous-prsente-le-poulpe.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html b/html-websites/tykayn_blog/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html
index 84f46518..7723eeef 100644
--- a/html-websites/tykayn_blog/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html
+++ b/html-websites/tykayn_blog/lang_fr/20080222193547_tkblog_466_sondage-sur-l-homosexualit.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -250,3 +646,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html b/html-websites/tykayn_blog/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html
index 32aa1849..78fc12a0 100644
--- a/html-websites/tykayn_blog/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html
+++ b/html-websites/tykayn_blog/lang_fr/20080409174039_tkblog_115_tuto-cours-d-antomie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -256,3 +652,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080512221301_tkblog_294_pour-motive.html b/html-websites/tykayn_blog/lang_fr/20080512221301_tkblog_294_pour-motive.html
index 35a800c5..80b53deb 100644
--- a/html-websites/tykayn_blog/lang_fr/20080512221301_tkblog_294_pour-motive.html
+++ b/html-websites/tykayn_blog/lang_fr/20080512221301_tkblog_294_pour-motive.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html b/html-websites/tykayn_blog/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html
index 4e55efc0..9747539a 100644
--- a/html-websites/tykayn_blog/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html
+++ b/html-websites/tykayn_blog/lang_fr/20080603211245_tkblog_95_tuto-perspective-un-point-de-fuite-et-dcroissance-des-intervalles.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -347,3 +743,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080629140013_tkblog_441_s-les-vacances.html b/html-websites/tykayn_blog/lang_fr/20080629140013_tkblog_441_s-les-vacances.html
index 4861ad9e..bdecb1da 100644
--- a/html-websites/tykayn_blog/lang_fr/20080629140013_tkblog_441_s-les-vacances.html
+++ b/html-websites/tykayn_blog/lang_fr/20080629140013_tkblog_441_s-les-vacances.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -217,3 +613,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html b/html-websites/tykayn_blog/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html
index c5c004ad..a7fbdb4d 100644
--- a/html-websites/tykayn_blog/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html
+++ b/html-websites/tykayn_blog/lang_fr/20080722153435_tkblog_146_c-est-quoi-troller.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -226,3 +622,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html b/html-websites/tykayn_blog/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html
index 9bda3c44..40c6af1a 100644
--- a/html-websites/tykayn_blog/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html
+++ b/html-websites/tykayn_blog/lang_fr/20081006142404_tkblog_293_les-affaires-reprennent.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081018215905_tkblog_329_gteau-polonais.html b/html-websites/tykayn_blog/lang_fr/20081018215905_tkblog_329_gteau-polonais.html
index 03369b5d..d15c2428 100644
--- a/html-websites/tykayn_blog/lang_fr/20081018215905_tkblog_329_gteau-polonais.html
+++ b/html-websites/tykayn_blog/lang_fr/20081018215905_tkblog_329_gteau-polonais.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -281,3 +677,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html b/html-websites/tykayn_blog/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html
index eca2e825..fd030199 100644
--- a/html-websites/tykayn_blog/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html
+++ b/html-websites/tykayn_blog/lang_fr/20081022113924_tkblog_96_tuto-comment-trouver-un-point-de-fuite.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -312,3 +708,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html b/html-websites/tykayn_blog/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html
index 266aba3f..b672526b 100644
--- a/html-websites/tykayn_blog/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html
+++ b/html-websites/tykayn_blog/lang_fr/20081025122846_tkblog_97_ingvar-kamprad-elmtaryd-agunnaryd-c-est-plus-fort-que-toi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html b/html-websites/tykayn_blog/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html
index 834996d8..620c7441 100644
--- a/html-websites/tykayn_blog/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html
+++ b/html-websites/tykayn_blog/lang_fr/20081109163209_tkblog_88_concert-haloween-paris-gare-du-nord.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -483,3 +879,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html b/html-websites/tykayn_blog/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html
index dcba6ae5..49a44056 100644
--- a/html-websites/tykayn_blog/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html
+++ b/html-websites/tykayn_blog/lang_fr/20081121233401_tkblog_292_l-oekaki-board-de-q-est-ne-0.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -215,3 +611,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html b/html-websites/tykayn_blog/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html
index 0bcf95da..4de9c52b 100644
--- a/html-websites/tykayn_blog/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html
+++ b/html-websites/tykayn_blog/lang_fr/20081129101842_tkblog_323_bd2-exercice-2-page1.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html b/html-websites/tykayn_blog/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html
index 7e832be8..ddd53db6 100644
--- a/html-websites/tykayn_blog/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html
+++ b/html-websites/tykayn_blog/lang_fr/20081129115114_tkblog_228_anatomie-myologie-du-bras-et-du-visage.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html b/html-websites/tykayn_blog/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html
index 32b95d99..693d2ab5 100644
--- a/html-websites/tykayn_blog/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html
+++ b/html-websites/tykayn_blog/lang_fr/20081207050819_tkblog_467_pas-pas-l-aire-de-repos-aprs-l-amour.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html b/html-websites/tykayn_blog/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html
index 66e57852..2ac49926 100644
--- a/html-websites/tykayn_blog/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html
+++ b/html-websites/tykayn_blog/lang_fr/20081208021659_tkblog_287_how-i-met-your-mother-fanart.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html b/html-websites/tykayn_blog/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html
index 17ab7aee..98c3d2b0 100644
--- a/html-websites/tykayn_blog/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html
+++ b/html-websites/tykayn_blog/lang_fr/20081213145447_tkblog_289_projet-omg-matou-rigolo-3.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html b/html-websites/tykayn_blog/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html
index af28dc1d..7a155674 100644
--- a/html-websites/tykayn_blog/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html
+++ b/html-websites/tykayn_blog/lang_fr/20090103155150_tkblog_288_illustrer-le-kamasutra-version-tk.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html b/html-websites/tykayn_blog/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html
index 5c05ac01..e44c97af 100644
--- a/html-websites/tykayn_blog/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20090120130419_tkblog_663_quotes-irc-e-kaki-ms-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -585,3 +981,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html b/html-websites/tykayn_blog/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html
index 17301471..38216239 100644
--- a/html-websites/tykayn_blog/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html
+++ b/html-websites/tykayn_blog/lang_fr/20090124124103_tkblog_127_anatomie-myologie-des-fesses-du-ku.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html b/html-websites/tykayn_blog/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html
index 12bc76a0..0dd111e8 100644
--- a/html-websites/tykayn_blog/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html
+++ b/html-websites/tykayn_blog/lang_fr/20090130225340_tkblog_94_exams-cole-gobelins-paris-et-pivaut-nantes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -267,3 +663,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html b/html-websites/tykayn_blog/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html
index c949c3b2..324c3fe1 100644
--- a/html-websites/tykayn_blog/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html
+++ b/html-websites/tykayn_blog/lang_fr/20090227055152_tkblog_193_job-d-t-la-brioche-dore-de-caluire.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -282,3 +678,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html b/html-websites/tykayn_blog/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html
index 6fea097c..cd959ee1 100644
--- a/html-websites/tykayn_blog/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20090301050845_tkblog_172_soubrettes-d-atelier-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html b/html-websites/tykayn_blog/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html
index 1a25c645..b54b01fc 100644
--- a/html-websites/tykayn_blog/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html
+++ b/html-websites/tykayn_blog/lang_fr/20090301055554_tkblog_212_tykayn-nu-c-est-pour-pour-les-fans.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -252,3 +648,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html b/html-websites/tykayn_blog/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html
index 45c34951..c8b4079c 100644
--- a/html-websites/tykayn_blog/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html
+++ b/html-websites/tykayn_blog/lang_fr/20090307171428_tkblog_469_tre-une-femme-sexuellement-correcte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html b/html-websites/tykayn_blog/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html
index 466716d3..cd819dcc 100644
--- a/html-websites/tykayn_blog/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html
+++ b/html-websites/tykayn_blog/lang_fr/20090320205037_tkblog_119_saint-luc-portes-ouvertes-2009.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -302,3 +698,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html b/html-websites/tykayn_blog/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html
index 39e4cb35..11eee093 100644
--- a/html-websites/tykayn_blog/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html
+++ b/html-websites/tykayn_blog/lang_fr/20090321150550_tkblog_286_hotline-vos-questions-pour-les-fanzines-q-3-et-q-4.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -240,3 +636,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html b/html-websites/tykayn_blog/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html
index 169716ea..ae157a8a 100644
--- a/html-websites/tykayn_blog/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html
+++ b/html-websites/tykayn_blog/lang_fr/20090323191822_tkblog_98_nul-n-est-jamais-assez-fort-pour-rsoudre-ce-calcul.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -236,3 +632,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html b/html-websites/tykayn_blog/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html
index 264e27ab..cf1e2836 100644
--- a/html-websites/tykayn_blog/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html
+++ b/html-websites/tykayn_blog/lang_fr/20090326022013_tkblog_122_myologie-des-jambes-et-des-cuisses.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html b/html-websites/tykayn_blog/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html
index 4883ff3c..106c6b34 100644
--- a/html-websites/tykayn_blog/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html
+++ b/html-websites/tykayn_blog/lang_fr/20090403173322_tkblog_475_vovo-fiction-encore-un-tag.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html b/html-websites/tykayn_blog/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html
index 27bdbe16..c964337e 100644
--- a/html-websites/tykayn_blog/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html
+++ b/html-websites/tykayn_blog/lang_fr/20090423205603_tkblog_278_ho-un-atelier-cocci-0.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -276,3 +672,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html b/html-websites/tykayn_blog/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html
index b38fae87..ee561527 100644
--- a/html-websites/tykayn_blog/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html
+++ b/html-websites/tykayn_blog/lang_fr/20090425171826_tkblog_148_don-t-smoke-cigarette-don-t-take-any-drugs-don-t-go-out-at-night-just-fuck.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -266,3 +662,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html b/html-websites/tykayn_blog/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html
index 526e7a6d..28b84da9 100644
--- a/html-websites/tykayn_blog/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html
+++ b/html-websites/tykayn_blog/lang_fr/20090509132540_tkblog_118_keanu-reeves-tout-nu-pastels-gras-l-essence-de-trbenthine.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -239,3 +635,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html b/html-websites/tykayn_blog/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html
index ce28a9bf..0ee9a044 100644
--- a/html-websites/tykayn_blog/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html
+++ b/html-websites/tykayn_blog/lang_fr/20090523003625_tkblog_280_c-est-la-fte-au-village.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -232,3 +628,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html b/html-websites/tykayn_blog/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html
index c5342226..e252b01b 100644
--- a/html-websites/tykayn_blog/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html
+++ b/html-websites/tykayn_blog/lang_fr/20090607130050_tkblog_121_la-ferme-d-cancourt-c-est-kawaiiiiiii.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html b/html-websites/tykayn_blog/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html
index 2e496421..5905cf1f 100644
--- a/html-websites/tykayn_blog/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20090607132101_tkblog_141_cocktails-d-atelier-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html b/html-websites/tykayn_blog/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html
index 260db1a9..0d094339 100644
--- a/html-websites/tykayn_blog/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html
+++ b/html-websites/tykayn_blog/lang_fr/20090613225207_tkblog_279_a-pwal-le-paintchat.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html b/html-websites/tykayn_blog/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html
index 59ce6756..2a2a7436 100644
--- a/html-websites/tykayn_blog/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html
+++ b/html-websites/tykayn_blog/lang_fr/20090614183627_tkblog_91_amnagement-de-printemps.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html b/html-websites/tykayn_blog/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html
index abaff154..e6bb79b2 100644
--- a/html-websites/tykayn_blog/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html
+++ b/html-websites/tykayn_blog/lang_fr/20090618130645_tkblog_333_moloko-sing-it-back.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -284,3 +680,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html b/html-websites/tykayn_blog/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html
index a91749e0..a4f65cd4 100644
--- a/html-websites/tykayn_blog/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html
+++ b/html-websites/tykayn_blog/lang_fr/20090716125836_tkblog_555_badminton-de-nuit.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html b/html-websites/tykayn_blog/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html
index 04c6c8b1..6a1beb6d 100644
--- a/html-websites/tykayn_blog/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html
+++ b/html-websites/tykayn_blog/lang_fr/20090720171848_tkblog_553_ponsoir-la-soire-va-tre-rasoir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090728015924_tkblog_285_see-it-all.html b/html-websites/tykayn_blog/lang_fr/20090728015924_tkblog_285_see-it-all.html
index e7f09a04..01b35078 100644
--- a/html-websites/tykayn_blog/lang_fr/20090728015924_tkblog_285_see-it-all.html
+++ b/html-websites/tykayn_blog/lang_fr/20090728015924_tkblog_285_see-it-all.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -249,3 +645,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html b/html-websites/tykayn_blog/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html
index ed6aaed5..3324a9c5 100644
--- a/html-websites/tykayn_blog/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html
+++ b/html-websites/tykayn_blog/lang_fr/20090728023714_tkblog_277_les-recherches-q-c-est-nimp.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -258,3 +654,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html b/html-websites/tykayn_blog/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html
index 1f18e1ef..2f3b261b 100644
--- a/html-websites/tykayn_blog/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html
+++ b/html-websites/tykayn_blog/lang_fr/20090731171914_tkblog_170_le-journal-de-la-sant-d-aurlie-spcial-clitoris.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -237,3 +633,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html b/html-websites/tykayn_blog/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html
index 87d77925..e78d332c 100644
--- a/html-websites/tykayn_blog/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html
+++ b/html-websites/tykayn_blog/lang_fr/20090801203759_tkblog_541_a-s-passe-comme-a-au-square-du-canada.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html b/html-websites/tykayn_blog/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html
index 1fd637a4..173c6a3f 100644
--- a/html-websites/tykayn_blog/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html
+++ b/html-websites/tykayn_blog/lang_fr/20090805203741_tkblog_275_c-est-trop-dur-la-vie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html b/html-websites/tykayn_blog/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html
index f5c707d3..31d122bf 100644
--- a/html-websites/tykayn_blog/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html
+++ b/html-websites/tykayn_blog/lang_fr/20090806142143_tkblog_527_estuans-imterius-ira-vehementi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -222,3 +618,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html b/html-websites/tykayn_blog/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html
index 62f47cb7..1e9a9cd5 100644
--- a/html-websites/tykayn_blog/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html
+++ b/html-websites/tykayn_blog/lang_fr/20090808170024_tkblog_518_maturit-selon-docteur-poulpe.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html b/html-websites/tykayn_blog/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html
index ce7f6624..da5a8468 100644
--- a/html-websites/tykayn_blog/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html
+++ b/html-websites/tykayn_blog/lang_fr/20090811173508_tkblog_502_jm-en-pte-une-chaise-de-louis-15.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html b/html-websites/tykayn_blog/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html
index 1784fb85..81ed4a29 100644
--- a/html-websites/tykayn_blog/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html
+++ b/html-websites/tykayn_blog/lang_fr/20090816202118_tkblog_506_tablette-ressucite.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html b/html-websites/tykayn_blog/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html
index 33b04c72..dff9ab8a 100644
--- a/html-websites/tykayn_blog/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html
+++ b/html-websites/tykayn_blog/lang_fr/20090819150322_tkblog_117_dbarquement-de-dieppe-v-2009.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -303,3 +699,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html b/html-websites/tykayn_blog/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html
index 2577bfea..11eeae26 100644
--- a/html-websites/tykayn_blog/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html
+++ b/html-websites/tykayn_blog/lang_fr/20090821164902_tkblog_493_prsenter-un-projet-bd-de-faon-pro-un-diteur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html b/html-websites/tykayn_blog/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html
index 4efe1e24..cdc1be25 100644
--- a/html-websites/tykayn_blog/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html
+++ b/html-websites/tykayn_blog/lang_fr/20090827122719_tkblog_491_dieppe-les-ch-tis-savent-pourquoi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -239,3 +635,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html b/html-websites/tykayn_blog/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html
index 12ed4839..ac260827 100644
--- a/html-websites/tykayn_blog/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html
+++ b/html-websites/tykayn_blog/lang_fr/20090902133357_tkblog_484_canadaenne-qui-parwle.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html b/html-websites/tykayn_blog/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html
index e6866e04..0bb2758c 100644
--- a/html-websites/tykayn_blog/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html
+++ b/html-websites/tykayn_blog/lang_fr/20090902135918_tkblog_204_le-jeu-du-mur-avec-un-ballon.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -237,3 +633,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html b/html-websites/tykayn_blog/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html
index 801952b0..2b04661d 100644
--- a/html-websites/tykayn_blog/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html
+++ b/html-websites/tykayn_blog/lang_fr/20090902140606_tkblog_481_petit-bois-belge.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html b/html-websites/tykayn_blog/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html
index 48efb8f3..9d1af959 100644
--- a/html-websites/tykayn_blog/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html
+++ b/html-websites/tykayn_blog/lang_fr/20090904140532_tkblog_485_pour-toi-public-une-photo-de-ma-douce.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html b/html-websites/tykayn_blog/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html
index 7f99f8ea..4e2a6e8d 100644
--- a/html-websites/tykayn_blog/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html
+++ b/html-websites/tykayn_blog/lang_fr/20090904145443_tkblog_483_hypocras-sernik-et-nonettes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html b/html-websites/tykayn_blog/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html
index da7e8dae..81599f3d 100644
--- a/html-websites/tykayn_blog/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html
+++ b/html-websites/tykayn_blog/lang_fr/20090912232119_tkblog_480_portfolio-en-ligne.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html b/html-websites/tykayn_blog/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html
index d0a61a47..a304b21e 100644
--- a/html-websites/tykayn_blog/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html
+++ b/html-websites/tykayn_blog/lang_fr/20090914014757_tkblog_474_aber-le-milliardaire-2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html b/html-websites/tykayn_blog/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html
index ec9e6fc1..72384779 100644
--- a/html-websites/tykayn_blog/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html
+++ b/html-websites/tykayn_blog/lang_fr/20090922223243_tkblog_274_se-sentir-femme-des-annes-80.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -250,3 +646,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html b/html-websites/tykayn_blog/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html
index e608300e..3a7bdfd8 100644
--- a/html-websites/tykayn_blog/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html
+++ b/html-websites/tykayn_blog/lang_fr/20090924184037_tkblog_473_bd2-v2-exercice-1.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -215,3 +611,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html b/html-websites/tykayn_blog/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html
index 870d21ec..bc1571f4 100644
--- a/html-websites/tykayn_blog/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html
+++ b/html-websites/tykayn_blog/lang_fr/20090925015326_tkblog_328_une-grosse-connerie-heu-boucherie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -337,3 +733,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html b/html-websites/tykayn_blog/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html
index 41758b9b..2cc2c76b 100644
--- a/html-websites/tykayn_blog/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html
+++ b/html-websites/tykayn_blog/lang_fr/20090925233828_tkblog_470_de-la-boucherie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html b/html-websites/tykayn_blog/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html
index 7eedafb3..05a879e3 100644
--- a/html-websites/tykayn_blog/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html
+++ b/html-websites/tykayn_blog/lang_fr/20090927012103_tkblog_461_critiquer-nano07-livre1-couverture.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html b/html-websites/tykayn_blog/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html
index eedd5853..a7ce40c3 100644
--- a/html-websites/tykayn_blog/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html
+++ b/html-websites/tykayn_blog/lang_fr/20090927041207_tkblog_504_aquarelle-nabaztag.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html b/html-websites/tykayn_blog/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html
index 6f50c0b6..aeac2eb8 100644
--- a/html-websites/tykayn_blog/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html
+++ b/html-websites/tykayn_blog/lang_fr/20090928233232_tkblog_465_pinceau-d-exclamation.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html b/html-websites/tykayn_blog/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html
index aea605de..5bfc8226 100644
--- a/html-websites/tykayn_blog/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html
+++ b/html-websites/tykayn_blog/lang_fr/20090930231510_tkblog_453_douzime-prcepte-les-jolies-filles-mettent-moins-de-parfum.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -223,3 +619,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html b/html-websites/tykayn_blog/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html
index bc9e824f..915394b8 100644
--- a/html-websites/tykayn_blog/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html
+++ b/html-websites/tykayn_blog/lang_fr/20091001031255_tkblog_452_critiquer-storyboard-boucherie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html b/html-websites/tykayn_blog/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html
index 00165543..99d3f4a7 100644
--- a/html-websites/tykayn_blog/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html
+++ b/html-websites/tykayn_blog/lang_fr/20091005212419_tkblog_111_anatomie-dtails-de-visage.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html b/html-websites/tykayn_blog/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html
index d44586bb..bb994163 100644
--- a/html-websites/tykayn_blog/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html
+++ b/html-websites/tykayn_blog/lang_fr/20091006204124_tkblog_437_i-dizayne-your-mum.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html b/html-websites/tykayn_blog/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html
index 75c517c0..6f2d2423 100644
--- a/html-websites/tykayn_blog/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html
+++ b/html-websites/tykayn_blog/lang_fr/20091009120623_tkblog_425_mets-du-punk-dans-tes-cours-de-philo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html b/html-websites/tykayn_blog/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html
index 220b931c..a3682a02 100644
--- a/html-websites/tykayn_blog/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html
+++ b/html-websites/tykayn_blog/lang_fr/20091009195102_tkblog_105_tuto-comment-dessiner-un-espace-reflet.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -277,3 +673,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html b/html-websites/tykayn_blog/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html
index 403eee9c..8b440886 100644
--- a/html-websites/tykayn_blog/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html
+++ b/html-websites/tykayn_blog/lang_fr/20091012201813_tkblog_419_aquarelles-bonsoir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html b/html-websites/tykayn_blog/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html
index 5a52d769..4e4af8ac 100644
--- a/html-websites/tykayn_blog/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html
+++ b/html-websites/tykayn_blog/lang_fr/20091015134429_tkblog_418_simples-souvenirs-de-lyce.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html b/html-websites/tykayn_blog/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html
index b3e11976..75bfc4dd 100644
--- a/html-websites/tykayn_blog/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html
+++ b/html-websites/tykayn_blog/lang_fr/20091015144049_tkblog_413_aber-le-milliardaire-qui-aide-les-pauvres.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html b/html-websites/tykayn_blog/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html
index d2e3c279..d9fedf3e 100644
--- a/html-websites/tykayn_blog/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html
+++ b/html-websites/tykayn_blog/lang_fr/20091017174707_tkblog_415_aber-le-philosophe-miliardaire.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html b/html-websites/tykayn_blog/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html
index 7485aaf5..fcb06ff2 100644
--- a/html-websites/tykayn_blog/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html
+++ b/html-websites/tykayn_blog/lang_fr/20091022130953_tkblog_416_comme-a-se-prononce.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html b/html-websites/tykayn_blog/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html
index a06ecce7..649f3f79 100644
--- a/html-websites/tykayn_blog/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html
+++ b/html-websites/tykayn_blog/lang_fr/20091024214344_tkblog_414_halouwine-de-merde.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091025005406_tkblog_412_sweets-lineless.html b/html-websites/tykayn_blog/lang_fr/20091025005406_tkblog_412_sweets-lineless.html
index cd9f8e8f..e3e71980 100644
--- a/html-websites/tykayn_blog/lang_fr/20091025005406_tkblog_412_sweets-lineless.html
+++ b/html-websites/tykayn_blog/lang_fr/20091025005406_tkblog_412_sweets-lineless.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html b/html-websites/tykayn_blog/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html
index 1236ffa7..3ad1c2c3 100644
--- a/html-websites/tykayn_blog/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html
+++ b/html-websites/tykayn_blog/lang_fr/20091027200039_tkblog_410_aber-dans-un-nourriture-rapide.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091030220402_tkblog_411_vis-ticket.html b/html-websites/tykayn_blog/lang_fr/20091030220402_tkblog_411_vis-ticket.html
index 47a046f0..c4d64ce6 100644
--- a/html-websites/tykayn_blog/lang_fr/20091030220402_tkblog_411_vis-ticket.html
+++ b/html-websites/tykayn_blog/lang_fr/20091030220402_tkblog_411_vis-ticket.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html b/html-websites/tykayn_blog/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html
index 2457fbdb..1c53e761 100644
--- a/html-websites/tykayn_blog/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html
+++ b/html-websites/tykayn_blog/lang_fr/20091102041714_tkblog_409_nano-07-voyages-en-khelens-livre-1-version2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html b/html-websites/tykayn_blog/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html
index 09247e8f..768bc8d7 100644
--- a/html-websites/tykayn_blog/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html
+++ b/html-websites/tykayn_blog/lang_fr/20091111043602_tkblog_407_aber-contre-le-samourai.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html b/html-websites/tykayn_blog/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html
index 92f30908..b3e2a2a5 100644
--- a/html-websites/tykayn_blog/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html
+++ b/html-websites/tykayn_blog/lang_fr/20091111044122_tkblog_406_la-vrit-sur-les-anglais.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html b/html-websites/tykayn_blog/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html
index b37d92f8..83c9a3d2 100644
--- a/html-websites/tykayn_blog/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html
+++ b/html-websites/tykayn_blog/lang_fr/20091115045829_tkblog_162_dessins-de-tous.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html b/html-websites/tykayn_blog/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html
index 9cd8a6c9..6092e6c0 100644
--- a/html-websites/tykayn_blog/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html
+++ b/html-websites/tykayn_blog/lang_fr/20091116084059_tkblog_404_alchimie-boulangerie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html b/html-websites/tykayn_blog/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html
index 59e5b266..ac33e731 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118124651_tkblog_402_l-heure-du-th-pour-aber.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118125053_tkblog_104_fte-aber.html b/html-websites/tykayn_blog/lang_fr/20091118125053_tkblog_104_fte-aber.html
index a11ecccd..383043b6 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118125053_tkblog_104_fte-aber.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118125053_tkblog_104_fte-aber.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html b/html-websites/tykayn_blog/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html
index 94b01fba..3973d3ff 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118125157_tkblog_403_tout-est-relatif-selon-aber.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html b/html-websites/tykayn_blog/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html
index 8f208b4b..6382ff4f 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118125446_tkblog_393_toi-aussi-retrouve-aber-n-importe-o.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118125652_tkblog_400_bientt-nol.html b/html-websites/tykayn_blog/lang_fr/20091118125652_tkblog_400_bientt-nol.html
index 64fa1492..d06cdbda 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118125652_tkblog_400_bientt-nol.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118125652_tkblog_400_bientt-nol.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html b/html-websites/tykayn_blog/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html
index 12537637..36598bca 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118130713_tkblog_401_aber-chez-les-anglais.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html b/html-websites/tykayn_blog/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html
index 6e62f532..e2f60e37 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118131049_tkblog_205_la-vache-qui-rira-moins-avec-une-bille-dans-le-fromage.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html b/html-websites/tykayn_blog/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html
index bab94c92..4a50c93f 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118131417_tkblog_399_vous-tes-pris-de-suivre-les-cours.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html b/html-websites/tykayn_blog/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html
index b05639fb..c9e3bab2 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118132136_tkblog_396_fanart-yugioh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html b/html-websites/tykayn_blog/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html
index e293bd18..43561750 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118132407_tkblog_398_les-fleurs-du-cmal.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html b/html-websites/tykayn_blog/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html
index 36245d22..7cfbc4ab 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118133313_tkblog_392_un-peu-de-mmoria.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html b/html-websites/tykayn_blog/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html
index cb9d7226..2d386e7b 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118134053_tkblog_139_tuto-perspective-par-mesure.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -328,3 +724,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html b/html-websites/tykayn_blog/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html
index d4684a18..d9e870e8 100644
--- a/html-websites/tykayn_blog/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html
+++ b/html-websites/tykayn_blog/lang_fr/20091118190507_tkblog_397_la-boucherie-d-anderlecht-bd-en-couleurs.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html b/html-websites/tykayn_blog/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html
index 4825c137..842f14c2 100644
--- a/html-websites/tykayn_blog/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html
+++ b/html-websites/tykayn_blog/lang_fr/20091123180715_tkblog_395_mr-morality-l-homme-sage.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html b/html-websites/tykayn_blog/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html
index e44ca1c4..ba280768 100644
--- a/html-websites/tykayn_blog/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html
+++ b/html-websites/tykayn_blog/lang_fr/20091126151455_tkblog_394_gteau-chocolat-framboises-spcial-tk.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -246,3 +642,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html b/html-websites/tykayn_blog/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html
index cebaff1f..2a12e972 100644
--- a/html-websites/tykayn_blog/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html
+++ b/html-websites/tykayn_blog/lang_fr/20091130172626_tkblog_273_stairway-to-heaven.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -238,3 +634,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html b/html-websites/tykayn_blog/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html
index 33389cb4..0b6214e5 100644
--- a/html-websites/tykayn_blog/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html
+++ b/html-websites/tykayn_blog/lang_fr/20091206175501_tkblog_389_oh-une-bad-girl.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html b/html-websites/tykayn_blog/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html
index a62ff34f..a3314854 100644
--- a/html-websites/tykayn_blog/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html
+++ b/html-websites/tykayn_blog/lang_fr/20091208011919_tkblog_387_ils-pourraient-tre-les-oiseaux-de-daria.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html b/html-websites/tykayn_blog/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html
index ce23ccca..b264ae95 100644
--- a/html-websites/tykayn_blog/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html
+++ b/html-websites/tykayn_blog/lang_fr/20091208013829_tkblog_388_scientifiquement-prouv.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html b/html-websites/tykayn_blog/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html
index db0ca973..951d8165 100644
--- a/html-websites/tykayn_blog/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html
+++ b/html-websites/tykayn_blog/lang_fr/20091210172230_tkblog_386_anatomie-et-nus-nov-dec09.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091210232148_tkblog_140_schma-sociologique.html b/html-websites/tykayn_blog/lang_fr/20091210232148_tkblog_140_schma-sociologique.html
index 763b953a..db705162 100644
--- a/html-websites/tykayn_blog/lang_fr/20091210232148_tkblog_140_schma-sociologique.html
+++ b/html-websites/tykayn_blog/lang_fr/20091210232148_tkblog_140_schma-sociologique.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html b/html-websites/tykayn_blog/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html
index c9bb7a96..a3dcb43d 100644
--- a/html-websites/tykayn_blog/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html
+++ b/html-websites/tykayn_blog/lang_fr/20091212045626_tkblog_384_i-pod-by-tk.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html b/html-websites/tykayn_blog/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html
index b7d56841..a8b2eaa9 100644
--- a/html-websites/tykayn_blog/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html
+++ b/html-websites/tykayn_blog/lang_fr/20091212050254_tkblog_385_andrea-boceli-et-aber-le-miliardaire.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091228112148_tkblog_383_woot-movies.html b/html-websites/tykayn_blog/lang_fr/20091228112148_tkblog_383_woot-movies.html
index 0245cedb..b3d1e584 100644
--- a/html-websites/tykayn_blog/lang_fr/20091228112148_tkblog_383_woot-movies.html
+++ b/html-websites/tykayn_blog/lang_fr/20091228112148_tkblog_383_woot-movies.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -233,3 +629,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html b/html-websites/tykayn_blog/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html
index 0f5f9f09..75a9a1dd 100644
--- a/html-websites/tykayn_blog/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html
+++ b/html-websites/tykayn_blog/lang_fr/20091229184724_tkblog_270_appel-tmoins-homosexuels-bisexuels-et-tout-le-reste.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -223,3 +619,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100108015021_tkblog_381_illumination-inutile.html b/html-websites/tykayn_blog/lang_fr/20100108015021_tkblog_381_illumination-inutile.html
index 634b7db7..fee99835 100644
--- a/html-websites/tykayn_blog/lang_fr/20100108015021_tkblog_381_illumination-inutile.html
+++ b/html-websites/tykayn_blog/lang_fr/20100108015021_tkblog_381_illumination-inutile.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100109201552_tkblog_380_tram-stop.html b/html-websites/tykayn_blog/lang_fr/20100109201552_tkblog_380_tram-stop.html
index aa3a0e4e..792b5dc9 100644
--- a/html-websites/tykayn_blog/lang_fr/20100109201552_tkblog_380_tram-stop.html
+++ b/html-websites/tykayn_blog/lang_fr/20100109201552_tkblog_380_tram-stop.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html b/html-websites/tykayn_blog/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html
index 8007adac..af7d7ede 100644
--- a/html-websites/tykayn_blog/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html
+++ b/html-websites/tykayn_blog/lang_fr/20100109202638_tkblog_378_aber-nol-milliardaire-gnreux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -215,3 +611,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html b/html-websites/tykayn_blog/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html
index dd1d9e9a..477cb0b8 100644
--- a/html-websites/tykayn_blog/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html
+++ b/html-websites/tykayn_blog/lang_fr/20100111200905_tkblog_373_j-demande-l-avis-du-public.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html b/html-websites/tykayn_blog/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html
index 702b449c..deaad1bc 100644
--- a/html-websites/tykayn_blog/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html
+++ b/html-websites/tykayn_blog/lang_fr/20100121191809_tkblog_375_pdagogie-chinoise-il-parait.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html b/html-websites/tykayn_blog/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html
index 2a75d5f8..542b627b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html
+++ b/html-websites/tykayn_blog/lang_fr/20100121194049_tkblog_372_concept-art-tichaud.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html b/html-websites/tykayn_blog/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html
index 75aaac60..831ac6d6 100644
--- a/html-websites/tykayn_blog/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html
+++ b/html-websites/tykayn_blog/lang_fr/20100121195905_tkblog_451_l-argent-du-beurre-et-le-sourire-du-modle-de-nu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html b/html-websites/tykayn_blog/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html
index aedc001e..39621468 100644
--- a/html-websites/tykayn_blog/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html
+++ b/html-websites/tykayn_blog/lang_fr/20100121200030_tkblog_376_bouddha-c-est-le-crocodile-qui-ne-se-lche-pas-le-dos.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html b/html-websites/tykayn_blog/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html
index e388fa97..12fc9187 100644
--- a/html-websites/tykayn_blog/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html
+++ b/html-websites/tykayn_blog/lang_fr/20100127123134_tkblog_269_au-bar-avec-pacotine-aka-angie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html b/html-websites/tykayn_blog/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html
index 6991ae06..65d52e78 100644
--- a/html-websites/tykayn_blog/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html
+++ b/html-websites/tykayn_blog/lang_fr/20100127123635_tkblog_377_l-nigme-des-trois-maisons.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html b/html-websites/tykayn_blog/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html
index 9f944b54..109e6476 100644
--- a/html-websites/tykayn_blog/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html
+++ b/html-websites/tykayn_blog/lang_fr/20100129154243_tkblog_272_koan-koan-dit-le-canard.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html b/html-websites/tykayn_blog/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html
index ae1cc6e3..3bb799f6 100644
--- a/html-websites/tykayn_blog/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html
+++ b/html-websites/tykayn_blog/lang_fr/20100129213918_tkblog_222_muse-horta-2010.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html b/html-websites/tykayn_blog/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html
index a242858d..e7b16139 100644
--- a/html-websites/tykayn_blog/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html
+++ b/html-websites/tykayn_blog/lang_fr/20100130163330_tkblog_420_les-dbuts-de-scnario-d-un-best-seller.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html b/html-websites/tykayn_blog/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html
index 7194d3da..04a2cc20 100644
--- a/html-websites/tykayn_blog/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html
+++ b/html-websites/tykayn_blog/lang_fr/20100208235259_tkblog_421_apperu-projet-omg-pour-fanzine-q-3.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html b/html-websites/tykayn_blog/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html
index 0aa4cd9e..32dbfe3e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html
+++ b/html-websites/tykayn_blog/lang_fr/20100211014611_tkblog_422_apperu-bd-les-larmes-de-miel.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100213171501_tkblog_423_soire-communiste.html b/html-websites/tykayn_blog/lang_fr/20100213171501_tkblog_423_soire-communiste.html
index cad238a3..8c6a9e88 100644
--- a/html-websites/tykayn_blog/lang_fr/20100213171501_tkblog_423_soire-communiste.html
+++ b/html-websites/tykayn_blog/lang_fr/20100213171501_tkblog_423_soire-communiste.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html b/html-websites/tykayn_blog/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html
index f713fd9b..f3e37be3 100644
--- a/html-websites/tykayn_blog/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20100214033124_tkblog_424_vraie-note-de-blog-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html b/html-websites/tykayn_blog/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html
index 67be3585..eb57db00 100644
--- a/html-websites/tykayn_blog/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html
+++ b/html-websites/tykayn_blog/lang_fr/20100216110841_tkblog_464_i-am-haunted-by-dreamses.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html b/html-websites/tykayn_blog/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html
index 3ae8720f..cef58598 100644
--- a/html-websites/tykayn_blog/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html
+++ b/html-websites/tykayn_blog/lang_fr/20100223160542_tkblog_428_anniv-lauwenmark.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html b/html-websites/tykayn_blog/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html
index 38fa5ef3..7decc26f 100644
--- a/html-websites/tykayn_blog/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html
+++ b/html-websites/tykayn_blog/lang_fr/20100225152419_tkblog_427_janvier-et-fvrier-2010-en-images.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -248,3 +644,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100225163110_tkblog_426_micro-onde.html b/html-websites/tykayn_blog/lang_fr/20100225163110_tkblog_426_micro-onde.html
index cea71730..63b63ff1 100644
--- a/html-websites/tykayn_blog/lang_fr/20100225163110_tkblog_426_micro-onde.html
+++ b/html-websites/tykayn_blog/lang_fr/20100225163110_tkblog_426_micro-onde.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html b/html-websites/tykayn_blog/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html
index 61bb35a6..bd59d844 100644
--- a/html-websites/tykayn_blog/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html
+++ b/html-websites/tykayn_blog/lang_fr/20100301214744_tkblog_276_filles-chattes-chapitre-3-coming-soon.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html b/html-websites/tykayn_blog/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html
index 64f7e414..95858972 100644
--- a/html-websites/tykayn_blog/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html
+++ b/html-websites/tykayn_blog/lang_fr/20100304191558_tkblog_429_pinceau-japonais-cartouche-d-encre-communiste.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html b/html-websites/tykayn_blog/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html
index 82623fac..05b1b866 100644
--- a/html-websites/tykayn_blog/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html
+++ b/html-websites/tykayn_blog/lang_fr/20100304191943_tkblog_430_nus-de-jsus.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -217,3 +613,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html b/html-websites/tykayn_blog/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html
index 9c7c5c2b..90c3b089 100644
--- a/html-websites/tykayn_blog/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html
+++ b/html-websites/tykayn_blog/lang_fr/20100304192849_tkblog_432_muse-des-instruments-de-musique.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -229,3 +625,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100304193059_tkblog_431_rteau.html b/html-websites/tykayn_blog/lang_fr/20100304193059_tkblog_431_rteau.html
index 5f6b772c..fa8c38fb 100644
--- a/html-websites/tykayn_blog/lang_fr/20100304193059_tkblog_431_rteau.html
+++ b/html-websites/tykayn_blog/lang_fr/20100304193059_tkblog_431_rteau.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html b/html-websites/tykayn_blog/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html
index c3a4683e..ddc83087 100644
--- a/html-websites/tykayn_blog/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html
+++ b/html-websites/tykayn_blog/lang_fr/20100309003208_tkblog_434_speed-writing-et-painting.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -241,3 +637,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html b/html-websites/tykayn_blog/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html
index 761680cb..2b24ebac 100644
--- a/html-websites/tykayn_blog/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html
+++ b/html-websites/tykayn_blog/lang_fr/20100310180107_tkblog_433_mine-de-plomb-youpi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html b/html-websites/tykayn_blog/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html
index 7a1edb4a..225f3421 100644
--- a/html-websites/tykayn_blog/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html
+++ b/html-websites/tykayn_blog/lang_fr/20100310180308_tkblog_510_un-soir-au-maman-lambic-de-saint-gilles.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html b/html-websites/tykayn_blog/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html
index 34bc0dae..acc112c5 100644
--- a/html-websites/tykayn_blog/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html
+++ b/html-websites/tykayn_blog/lang_fr/20100310181108_tkblog_435_pluuuuuuus-de-dessins.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html b/html-websites/tykayn_blog/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html
index 98760275..be53bda6 100644
--- a/html-websites/tykayn_blog/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html
+++ b/html-websites/tykayn_blog/lang_fr/20100318204936_tkblog_438_marbres-de-rome.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html b/html-websites/tykayn_blog/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html
index 7112a70f..640dcbab 100644
--- a/html-websites/tykayn_blog/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html
+++ b/html-websites/tykayn_blog/lang_fr/20100318205545_tkblog_436_rome-et-ses-conneries.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -225,3 +621,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100322214720_tkblog_439_culture-tl.html b/html-websites/tykayn_blog/lang_fr/20100322214720_tkblog_439_culture-tl.html
index 646f54d8..52e86d2e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100322214720_tkblog_439_culture-tl.html
+++ b/html-websites/tykayn_blog/lang_fr/20100322214720_tkblog_439_culture-tl.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html b/html-websites/tykayn_blog/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html
index 168b9d38..3b74c6e7 100644
--- a/html-websites/tykayn_blog/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html
+++ b/html-websites/tykayn_blog/lang_fr/20100324010739_tkblog_443_a-spasse-comme-a-en-bd2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html b/html-websites/tykayn_blog/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html
index 5129712c..203de4bc 100644
--- a/html-websites/tykayn_blog/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html
+++ b/html-websites/tykayn_blog/lang_fr/20100324010955_tkblog_444_arcadi-s-art.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html b/html-websites/tykayn_blog/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html
index f4678b6a..74124378 100644
--- a/html-websites/tykayn_blog/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html
+++ b/html-websites/tykayn_blog/lang_fr/20100325142139_tkblog_446_tiramisu-tk-land.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html b/html-websites/tykayn_blog/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html
index c7ee8a72..0481f37d 100644
--- a/html-websites/tykayn_blog/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html
+++ b/html-websites/tykayn_blog/lang_fr/20100401184236_tkblog_445_bd-finie-les-larmes-de-miel.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -218,3 +614,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html b/html-websites/tykayn_blog/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html
index 790dfb36..91bd12d4 100644
--- a/html-websites/tykayn_blog/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html
+++ b/html-websites/tykayn_blog/lang_fr/20100401190657_tkblog_447_dcoupage-lisible.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -218,3 +614,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html b/html-websites/tykayn_blog/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html
index ee96111e..dd307d47 100644
--- a/html-websites/tykayn_blog/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html
+++ b/html-websites/tykayn_blog/lang_fr/20100403220946_tkblog_449_maintenant-commence-l-avenir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100405003055_tkblog_448_1er-avril.html b/html-websites/tykayn_blog/lang_fr/20100405003055_tkblog_448_1er-avril.html
index 001319f5..235c1716 100644
--- a/html-websites/tykayn_blog/lang_fr/20100405003055_tkblog_448_1er-avril.html
+++ b/html-websites/tykayn_blog/lang_fr/20100405003055_tkblog_448_1er-avril.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100405003841_tkblog_450_caf-cadeau.html b/html-websites/tykayn_blog/lang_fr/20100405003841_tkblog_450_caf-cadeau.html
index 3783002e..1587bf79 100644
--- a/html-websites/tykayn_blog/lang_fr/20100405003841_tkblog_450_caf-cadeau.html
+++ b/html-websites/tykayn_blog/lang_fr/20100405003841_tkblog_450_caf-cadeau.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html b/html-websites/tykayn_blog/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html
index b0f91174..131b0581 100644
--- a/html-websites/tykayn_blog/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html
+++ b/html-websites/tykayn_blog/lang_fr/20100409121634_tkblog_187_le-bleu-est-une-couleur-chaude.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html b/html-websites/tykayn_blog/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html
index e3837c5a..16e45e05 100644
--- a/html-websites/tykayn_blog/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html
+++ b/html-websites/tykayn_blog/lang_fr/20100413204240_tkblog_454_ppte-voyage-au-printemps.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -287,3 +683,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html b/html-websites/tykayn_blog/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html
index f2ea6164..a7e3fe64 100644
--- a/html-websites/tykayn_blog/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html
+++ b/html-websites/tykayn_blog/lang_fr/20100418094918_tkblog_271_chapitre-3-omg-wouala.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100420000747_tkblog_455_tea-for-two.html b/html-websites/tykayn_blog/lang_fr/20100420000747_tkblog_455_tea-for-two.html
index dbd2ac19..d33e280f 100644
--- a/html-websites/tykayn_blog/lang_fr/20100420000747_tkblog_455_tea-for-two.html
+++ b/html-websites/tykayn_blog/lang_fr/20100420000747_tkblog_455_tea-for-two.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -230,3 +626,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100420192210_tkblog_458_steam-punk.html b/html-websites/tykayn_blog/lang_fr/20100420192210_tkblog_458_steam-punk.html
index 2aca023c..e338bc96 100644
--- a/html-websites/tykayn_blog/lang_fr/20100420192210_tkblog_458_steam-punk.html
+++ b/html-websites/tykayn_blog/lang_fr/20100420192210_tkblog_458_steam-punk.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html b/html-websites/tykayn_blog/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html
index 00d6e319..a07ff2c8 100644
--- a/html-websites/tykayn_blog/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html
+++ b/html-websites/tykayn_blog/lang_fr/20100420192423_tkblog_460_trailer-bd-omg-chap3.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html b/html-websites/tykayn_blog/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html
index 90c2506f..08555348 100644
--- a/html-websites/tykayn_blog/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html
+++ b/html-websites/tykayn_blog/lang_fr/20100420192842_tkblog_456_salut-patrick-xkcd-style.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html b/html-websites/tykayn_blog/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html
index 2dda8975..e05ba229 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424141355_tkblog_457_embauche-et-en-finesse.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html b/html-websites/tykayn_blog/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html
index c6982cb7..30d13782 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424144401_tkblog_482_draguer-une-mathmaticienne.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424144606_tkblog_459_vampires.html b/html-websites/tykayn_blog/lang_fr/20100424144606_tkblog_459_vampires.html
index 5ef1a7d6..118565c1 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424144606_tkblog_459_vampires.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424144606_tkblog_459_vampires.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html b/html-websites/tykayn_blog/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html
index 67dc80e0..8fc857c8 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424144949_tkblog_537_plus-l-infini-et-au-del.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html b/html-websites/tykayn_blog/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html
index 2ac2c90e..77c9430e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424145233_tkblog_487_vaisselle-des-lamentations.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html b/html-websites/tykayn_blog/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html
index 7350acde..416a500e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424145733_tkblog_284_q-est-un-ensemble-naturel.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html b/html-websites/tykayn_blog/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html
index 9701297f..c2e51a13 100644
--- a/html-websites/tykayn_blog/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html
+++ b/html-websites/tykayn_blog/lang_fr/20100424150034_tkblog_208_how-i-met-your-mother-vf.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html b/html-websites/tykayn_blog/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html
index 39b7cb36..9ac88f10 100644
--- a/html-websites/tykayn_blog/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html
+++ b/html-websites/tykayn_blog/lang_fr/20100426003955_tkblog_116_paintchat-ice-cream.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html b/html-websites/tykayn_blog/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html
index 552a3b6d..6e15b29d 100644
--- a/html-websites/tykayn_blog/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html
+++ b/html-websites/tykayn_blog/lang_fr/20100426153517_tkblog_472_fanart-candy-trash.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100430174434_tkblog_525_orgie-chez-les-erasmus.html b/html-websites/tykayn_blog/lang_fr/20100430174434_tkblog_525_orgie-chez-les-erasmus.html
index 8a8bbd24..65211329 100644
--- a/html-websites/tykayn_blog/lang_fr/20100430174434_tkblog_525_orgie-chez-les-erasmus.html
+++ b/html-websites/tykayn_blog/lang_fr/20100430174434_tkblog_525_orgie-chez-les-erasmus.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html b/html-websites/tykayn_blog/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html
index 8327ae15..f559ec18 100644
--- a/html-websites/tykayn_blog/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html
+++ b/html-websites/tykayn_blog/lang_fr/20100430184533_tkblog_109_truc-de-ouf.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html b/html-websites/tykayn_blog/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html
index 985d0bad..f4dd6024 100644
--- a/html-websites/tykayn_blog/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html
+++ b/html-websites/tykayn_blog/lang_fr/20100430191746_tkblog_479_ditions-du-puits.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html b/html-websites/tykayn_blog/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html
index 9d3df80d..44365cdc 100644
--- a/html-websites/tykayn_blog/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html
+++ b/html-websites/tykayn_blog/lang_fr/20100430234735_tkblog_503_karam-s-en-bat-les-quenouilles.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html b/html-websites/tykayn_blog/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html
index 644df7e6..20691c44 100644
--- a/html-websites/tykayn_blog/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html
+++ b/html-websites/tykayn_blog/lang_fr/20100430235753_tkblog_486_on-est-tous-des-imbciles.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100501000341_tkblog_213_vacamente.html b/html-websites/tykayn_blog/lang_fr/20100501000341_tkblog_213_vacamente.html
index b74909ca..4972e3e4 100644
--- a/html-websites/tykayn_blog/lang_fr/20100501000341_tkblog_213_vacamente.html
+++ b/html-websites/tykayn_blog/lang_fr/20100501000341_tkblog_213_vacamente.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html b/html-websites/tykayn_blog/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html
index 3072b914..1262988c 100644
--- a/html-websites/tykayn_blog/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html
+++ b/html-websites/tykayn_blog/lang_fr/20100501001817_tkblog_476_tykayn-violence-ou-calme.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html b/html-websites/tykayn_blog/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html
index 926f10ff..cd0f9ba6 100644
--- a/html-websites/tykayn_blog/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html
+++ b/html-websites/tykayn_blog/lang_fr/20100502182014_tkblog_477_acide-dsoxyribonuclique.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html b/html-websites/tykayn_blog/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html
index 1d238eb5..2180d947 100644
--- a/html-websites/tykayn_blog/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html
+++ b/html-websites/tykayn_blog/lang_fr/20100502194153_tkblog_488_tykayn-dans-l-quipe-de-what-z-next.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html b/html-websites/tykayn_blog/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html
index 1626e368..236b851f 100644
--- a/html-websites/tykayn_blog/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html
+++ b/html-websites/tykayn_blog/lang_fr/20100505180249_tkblog_489_hadh-dans-le-vortex-chatte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html b/html-websites/tykayn_blog/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html
index 38331012..facb656a 100644
--- a/html-websites/tykayn_blog/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html
+++ b/html-websites/tykayn_blog/lang_fr/20100520024455_tkblog_490_tykayn-par-hadh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100523021200_tkblog_268_q-badges.html b/html-websites/tykayn_blog/lang_fr/20100523021200_tkblog_268_q-badges.html
index 3d18b47c..461cfaf9 100644
--- a/html-websites/tykayn_blog/lang_fr/20100523021200_tkblog_268_q-badges.html
+++ b/html-websites/tykayn_blog/lang_fr/20100523021200_tkblog_268_q-badges.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html b/html-websites/tykayn_blog/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html
index 4068f6b0..b2e6f128 100644
--- a/html-websites/tykayn_blog/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html
+++ b/html-websites/tykayn_blog/lang_fr/20100525203918_tkblog_556_le-mythe-de-la-maman-et-de-la-putain.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html b/html-websites/tykayn_blog/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html
index d85f361b..8c6cec3e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html
+++ b/html-websites/tykayn_blog/lang_fr/20100527143438_tkblog_496_exposition-abcdaire-de-l-italie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html b/html-websites/tykayn_blog/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html
index 6ca0d656..d17fbd37 100644
--- a/html-websites/tykayn_blog/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html
+++ b/html-websites/tykayn_blog/lang_fr/20100601155427_tkblog_498_sous-vtements-intelligents.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100606142229_tkblog_501_nus-du-soir.html b/html-websites/tykayn_blog/lang_fr/20100606142229_tkblog_501_nus-du-soir.html
index d9ee2a9a..8d4da5bc 100644
--- a/html-websites/tykayn_blog/lang_fr/20100606142229_tkblog_501_nus-du-soir.html
+++ b/html-websites/tykayn_blog/lang_fr/20100606142229_tkblog_501_nus-du-soir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -241,3 +637,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html b/html-websites/tykayn_blog/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html
index 908e6eac..f845713b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html
+++ b/html-websites/tykayn_blog/lang_fr/20100609005106_tkblog_500_pourquoi-rflchir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -260,3 +656,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100609230248_tkblog_93_cours-du-soir.html b/html-websites/tykayn_blog/lang_fr/20100609230248_tkblog_93_cours-du-soir.html
index 391fff44..61723d63 100644
--- a/html-websites/tykayn_blog/lang_fr/20100609230248_tkblog_93_cours-du-soir.html
+++ b/html-websites/tykayn_blog/lang_fr/20100609230248_tkblog_93_cours-du-soir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100616195404_tkblog_499_confiotte.html b/html-websites/tykayn_blog/lang_fr/20100616195404_tkblog_499_confiotte.html
index 9bab2c43..6291dc73 100644
--- a/html-websites/tykayn_blog/lang_fr/20100616195404_tkblog_499_confiotte.html
+++ b/html-websites/tykayn_blog/lang_fr/20100616195404_tkblog_499_confiotte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html b/html-websites/tykayn_blog/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html
index ecddcfc1..b9bd00ce 100644
--- a/html-websites/tykayn_blog/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html
+++ b/html-websites/tykayn_blog/lang_fr/20100617235342_tkblog_505_surfusion-bd-jury-fin-d-anne-2010.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html b/html-websites/tykayn_blog/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html
index 107bca1a..6f6db50e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html
+++ b/html-websites/tykayn_blog/lang_fr/20100622181630_tkblog_267_tweet-tweet-et-q3-imprim.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html b/html-websites/tykayn_blog/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html
index a1ed8d7b..a80199a7 100644
--- a/html-websites/tykayn_blog/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html
+++ b/html-websites/tykayn_blog/lang_fr/20100624233034_tkblog_266_how-i-met-cobie-smulders.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html b/html-websites/tykayn_blog/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html
index f514ef4a..e044294f 100644
--- a/html-websites/tykayn_blog/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html
+++ b/html-websites/tykayn_blog/lang_fr/20100626040746_tkblog_508_icones-todojsc-youpi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html b/html-websites/tykayn_blog/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html
index dce84d70..77d3b51b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html
+++ b/html-websites/tykayn_blog/lang_fr/20100628232811_tkblog_558_lon-le-tueur-qui-boit-du-lait.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100629153927_tkblog_265_badges-q.html b/html-websites/tykayn_blog/lang_fr/20100629153927_tkblog_265_badges-q.html
index 4d02a4c8..89e10fa9 100644
--- a/html-websites/tykayn_blog/lang_fr/20100629153927_tkblog_265_badges-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20100629153927_tkblog_265_badges-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -223,3 +619,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html b/html-websites/tykayn_blog/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html
index 8e2601f4..c2ef0871 100644
--- a/html-websites/tykayn_blog/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html
+++ b/html-websites/tykayn_blog/lang_fr/20100713212511_tkblog_515_mots-cls-de-l-t.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -235,3 +631,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html b/html-websites/tykayn_blog/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html
index 834f2175..e9a5aa9f 100644
--- a/html-websites/tykayn_blog/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html
+++ b/html-websites/tykayn_blog/lang_fr/20100714124043_tkblog_512_je-collectionne-les-canards.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100715002723_tkblog_511_scrabble.html b/html-websites/tykayn_blog/lang_fr/20100715002723_tkblog_511_scrabble.html
index 9f3a3001..0fda8b5b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100715002723_tkblog_511_scrabble.html
+++ b/html-websites/tykayn_blog/lang_fr/20100715002723_tkblog_511_scrabble.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html b/html-websites/tykayn_blog/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html
index 6c48f96c..0759f132 100644
--- a/html-websites/tykayn_blog/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html
+++ b/html-websites/tykayn_blog/lang_fr/20100724154833_tkblog_514_hadh-m-a-fait-une-ddicace.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html b/html-websites/tykayn_blog/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html
index ff7e1aa4..d90af6ec 100644
--- a/html-websites/tykayn_blog/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html
+++ b/html-websites/tykayn_blog/lang_fr/20100730211514_tkblog_517_est-ce-que-les-oiseaux-ont-le-vertige.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html b/html-websites/tykayn_blog/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html
index bfadf2ef..3a358684 100644
--- a/html-websites/tykayn_blog/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html
+++ b/html-websites/tykayn_blog/lang_fr/20100807205823_tkblog_516_conseil-relationnel-du-jour.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html b/html-websites/tykayn_blog/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html
index 9bb68eaf..bcc6c5ad 100644
--- a/html-websites/tykayn_blog/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html
+++ b/html-websites/tykayn_blog/lang_fr/20100811205821_tkblog_468_forest-adventure-normandie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html b/html-websites/tykayn_blog/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html
index f571e786..d74bbb79 100644
--- a/html-websites/tykayn_blog/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html
+++ b/html-websites/tykayn_blog/lang_fr/20100811211039_tkblog_181_la-maison-du-biscuit-normandie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -278,3 +674,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html b/html-websites/tykayn_blog/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html
index d4f0dd0d..afc4b85a 100644
--- a/html-websites/tykayn_blog/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html
+++ b/html-websites/tykayn_blog/lang_fr/20100814221306_tkblog_519_une-nuit-pendant-la-japan-expo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100814221618_tkblog_520_vadrouille.html b/html-websites/tykayn_blog/lang_fr/20100814221618_tkblog_520_vadrouille.html
index d1c6564c..927b2def 100644
--- a/html-websites/tykayn_blog/lang_fr/20100814221618_tkblog_520_vadrouille.html
+++ b/html-websites/tykayn_blog/lang_fr/20100814221618_tkblog_520_vadrouille.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html b/html-websites/tykayn_blog/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html
index ab5aaa63..639f2bcd 100644
--- a/html-websites/tykayn_blog/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html
+++ b/html-websites/tykayn_blog/lang_fr/20100816213924_tkblog_522_ppte-le-chat-s-life-couverture-de-livre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html b/html-websites/tykayn_blog/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html
index 56d2a955..dc748da2 100644
--- a/html-websites/tykayn_blog/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html
+++ b/html-websites/tykayn_blog/lang_fr/20100816214302_tkblog_526_de-lekter-ses-pieds.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100816214604_tkblog_524_sexuelle.html b/html-websites/tykayn_blog/lang_fr/20100816214604_tkblog_524_sexuelle.html
index 3468221c..ca23f503 100644
--- a/html-websites/tykayn_blog/lang_fr/20100816214604_tkblog_524_sexuelle.html
+++ b/html-websites/tykayn_blog/lang_fr/20100816214604_tkblog_524_sexuelle.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html b/html-websites/tykayn_blog/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html
index bfc5431b..55c7bb78 100644
--- a/html-websites/tykayn_blog/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html
+++ b/html-websites/tykayn_blog/lang_fr/20100817192342_tkblog_531_proposition-incandescente.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100819214418_tkblog_530_confusion-pirate.html b/html-websites/tykayn_blog/lang_fr/20100819214418_tkblog_530_confusion-pirate.html
index 59e330f8..22fd4d29 100644
--- a/html-websites/tykayn_blog/lang_fr/20100819214418_tkblog_530_confusion-pirate.html
+++ b/html-websites/tykayn_blog/lang_fr/20100819214418_tkblog_530_confusion-pirate.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html b/html-websites/tykayn_blog/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html
index 3d7127f7..a5968f1d 100644
--- a/html-websites/tykayn_blog/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html
+++ b/html-websites/tykayn_blog/lang_fr/20100821150858_tkblog_523_concours-couverture-q-4-fin-dans-3-semaines.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html b/html-websites/tykayn_blog/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html
index 48dcd030..2319850e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html
+++ b/html-websites/tykayn_blog/lang_fr/20100821151902_tkblog_263_concours-q-fin-dans-10-jours.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html b/html-websites/tykayn_blog/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html
index efa15ebb..d70b144b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html
+++ b/html-websites/tykayn_blog/lang_fr/20100824000809_tkblog_528_joyeux-18-ans-de-hadh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html b/html-websites/tykayn_blog/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html
index 6d79d7ac..7febdb27 100644
--- a/html-websites/tykayn_blog/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html
+++ b/html-websites/tykayn_blog/lang_fr/20100831193311_tkblog_532_tykayn-hadh-land.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -220,3 +616,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html b/html-websites/tykayn_blog/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html
index 7759fc69..82ee4174 100644
--- a/html-websites/tykayn_blog/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html
+++ b/html-websites/tykayn_blog/lang_fr/20100902152422_tkblog_533_pourquoi-les-hommes-pissent-debout.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html b/html-websites/tykayn_blog/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html
index 16f0c83b..db81e229 100644
--- a/html-websites/tykayn_blog/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html
+++ b/html-websites/tykayn_blog/lang_fr/20100906204035_tkblog_262_ddicaces-q-d-t.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100907200756_tkblog_534_dans-le-futur.html b/html-websites/tykayn_blog/lang_fr/20100907200756_tkblog_534_dans-le-futur.html
index 9eb14b42..9bacc77a 100644
--- a/html-websites/tykayn_blog/lang_fr/20100907200756_tkblog_534_dans-le-futur.html
+++ b/html-websites/tykayn_blog/lang_fr/20100907200756_tkblog_534_dans-le-futur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html b/html-websites/tykayn_blog/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html
index 2236b90e..08b5b19c 100644
--- a/html-websites/tykayn_blog/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html
+++ b/html-websites/tykayn_blog/lang_fr/20100908120515_tkblog_538_buttes-chaumont-2010.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html b/html-websites/tykayn_blog/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html
index 83a63a02..720a6ccf 100644
--- a/html-websites/tykayn_blog/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html
+++ b/html-websites/tykayn_blog/lang_fr/20100909000218_tkblog_535_signaltique-des-latrines.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html b/html-websites/tykayn_blog/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html
index 327000a9..3cc02c44 100644
--- a/html-websites/tykayn_blog/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html
+++ b/html-websites/tykayn_blog/lang_fr/20100909000903_tkblog_536_sex-toys-du-peuple.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html b/html-websites/tykayn_blog/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html
index a78a140b..bab156ab 100644
--- a/html-websites/tykayn_blog/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html
+++ b/html-websites/tykayn_blog/lang_fr/20100919011824_tkblog_543_pas-assez-de-billets-de-blog.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html b/html-websites/tykayn_blog/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html
index 21041acd..af6d9c18 100644
--- a/html-websites/tykayn_blog/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html
+++ b/html-websites/tykayn_blog/lang_fr/20100919190829_tkblog_261_l-amour-c-est-pas-pour-les-enfants.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html b/html-websites/tykayn_blog/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html
index f5a25384..6eaefe5b 100644
--- a/html-websites/tykayn_blog/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html
+++ b/html-websites/tykayn_blog/lang_fr/20100920183815_tkblog_539_adage-de-programmeux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html b/html-websites/tykayn_blog/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html
index ff18e14e..df8c435e 100644
--- a/html-websites/tykayn_blog/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html
+++ b/html-websites/tykayn_blog/lang_fr/20100922111437_tkblog_540_les-gaufres-dgueulasses.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html b/html-websites/tykayn_blog/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html
index b796ca7e..8e0e81d4 100644
--- a/html-websites/tykayn_blog/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html
+++ b/html-websites/tykayn_blog/lang_fr/20100924224049_tkblog_542_salut-mali-bercy.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100927181955_tkblog_196_festiblog-2010.html b/html-websites/tykayn_blog/lang_fr/20100927181955_tkblog_196_festiblog-2010.html
index 214a6f15..1220f625 100644
--- a/html-websites/tykayn_blog/lang_fr/20100927181955_tkblog_196_festiblog-2010.html
+++ b/html-websites/tykayn_blog/lang_fr/20100927181955_tkblog_196_festiblog-2010.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -290,3 +686,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html b/html-websites/tykayn_blog/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html
index fd70accf..82afa7c1 100644
--- a/html-websites/tykayn_blog/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html
+++ b/html-websites/tykayn_blog/lang_fr/20100928195721_tkblog_545_mangasse-boulet.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html b/html-websites/tykayn_blog/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html
index 63805292..d792922d 100644
--- a/html-websites/tykayn_blog/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html
+++ b/html-websites/tykayn_blog/lang_fr/20101002123031_tkblog_546_optimise-ton-supermarch.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html b/html-websites/tykayn_blog/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html
index c36837bc..abe34db7 100644
--- a/html-websites/tykayn_blog/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html
+++ b/html-websites/tykayn_blog/lang_fr/20101003140340_tkblog_547_rdaction-de-chapitre-pour-bd-avec-tableau-excel-open-office.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -220,3 +616,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101003195851_tkblog_549_noob-user.html b/html-websites/tykayn_blog/lang_fr/20101003195851_tkblog_549_noob-user.html
index 64cef12f..a39faf67 100644
--- a/html-websites/tykayn_blog/lang_fr/20101003195851_tkblog_549_noob-user.html
+++ b/html-websites/tykayn_blog/lang_fr/20101003195851_tkblog_549_noob-user.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -231,3 +627,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html b/html-websites/tykayn_blog/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html
index c7908312..8daf9622 100644
--- a/html-websites/tykayn_blog/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html
+++ b/html-websites/tykayn_blog/lang_fr/20101003230153_tkblog_548_love-story-entre-anne-lise-et-hadh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html b/html-websites/tykayn_blog/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html
index 345b52b6..7968fb07 100644
--- a/html-websites/tykayn_blog/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html
+++ b/html-websites/tykayn_blog/lang_fr/20101007175555_tkblog_550_famapoelle-pour-monsieur-to.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html b/html-websites/tykayn_blog/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html
index 665a7623..d50297c0 100644
--- a/html-websites/tykayn_blog/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html
+++ b/html-websites/tykayn_blog/lang_fr/20101007183013_tkblog_551_bd3-splinter-la-bibliothque.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -213,3 +609,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html b/html-websites/tykayn_blog/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html
index 6bbcd178..e05a4992 100644
--- a/html-websites/tykayn_blog/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html
+++ b/html-websites/tykayn_blog/lang_fr/20101010160545_tkblog_554_10-oct-2010-sta-dire-42.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html b/html-websites/tykayn_blog/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html
index db149607..afd70509 100644
--- a/html-websites/tykayn_blog/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html
+++ b/html-websites/tykayn_blog/lang_fr/20101010164826_tkblog_560_innocente-jeunesse.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101012230651_tkblog_559_i-whistle.html b/html-websites/tykayn_blog/lang_fr/20101012230651_tkblog_559_i-whistle.html
index 39b4b588..ceb0e2ad 100644
--- a/html-websites/tykayn_blog/lang_fr/20101012230651_tkblog_559_i-whistle.html
+++ b/html-websites/tykayn_blog/lang_fr/20101012230651_tkblog_559_i-whistle.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html b/html-websites/tykayn_blog/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html
index 67418ad7..410182d8 100644
--- a/html-websites/tykayn_blog/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html
+++ b/html-websites/tykayn_blog/lang_fr/20101015211826_tkblog_561_squatt-chez-garga.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html b/html-websites/tykayn_blog/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html
index 6a1bbe97..678ec92c 100644
--- a/html-websites/tykayn_blog/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html
+++ b/html-websites/tykayn_blog/lang_fr/20101016123750_tkblog_562_adieu-ppte-le-chat.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101026234131_tkblog_259_erreur-500.html b/html-websites/tykayn_blog/lang_fr/20101026234131_tkblog_259_erreur-500.html
index 7c7098b1..25ff8b2d 100644
--- a/html-websites/tykayn_blog/lang_fr/20101026234131_tkblog_259_erreur-500.html
+++ b/html-websites/tykayn_blog/lang_fr/20101026234131_tkblog_259_erreur-500.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html b/html-websites/tykayn_blog/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html
index 95807634..dd515ce6 100644
--- a/html-websites/tykayn_blog/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html
+++ b/html-websites/tykayn_blog/lang_fr/20101110165542_tkblog_258_plusieurs-points-d-exclamation-sont-le-signe-d-une-me-drange.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html b/html-websites/tykayn_blog/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html
index edeea0e6..60e82277 100644
--- a/html-websites/tykayn_blog/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html
+++ b/html-websites/tykayn_blog/lang_fr/20101113054559_tkblog_134_bouteille-message-saint-luc.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html b/html-websites/tykayn_blog/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html
index a05de2cb..fa8f84bb 100644
--- a/html-websites/tykayn_blog/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html
+++ b/html-websites/tykayn_blog/lang_fr/20101113060618_tkblog_125_salon-des-arts-mnagers-2010-charleroi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -227,3 +623,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html b/html-websites/tykayn_blog/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html
index 3b8ba2d1..fddd39c5 100644
--- a/html-websites/tykayn_blog/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html
+++ b/html-websites/tykayn_blog/lang_fr/20101120175109_tkblog_129_demotivational-stuff.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html b/html-websites/tykayn_blog/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html
index 77b76d1b..81e7e61a 100644
--- a/html-websites/tykayn_blog/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html
+++ b/html-websites/tykayn_blog/lang_fr/20101127200646_tkblog_101_encore-des-femmes-poil-nues.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html b/html-websites/tykayn_blog/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html
index 06c14355..79983fa4 100644
--- a/html-websites/tykayn_blog/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html
+++ b/html-websites/tykayn_blog/lang_fr/20101127200853_tkblog_185_a-cote-trs-trs-cher-de-couler-un-bronze.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html b/html-websites/tykayn_blog/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html
index c69c7e87..8cb2c781 100644
--- a/html-websites/tykayn_blog/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html
+++ b/html-websites/tykayn_blog/lang_fr/20101223002927_tkblog_341_les-pneus-sados-maso-bondage.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html b/html-websites/tykayn_blog/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html
index 34fc5877..fc4b1152 100644
--- a/html-websites/tykayn_blog/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html
+++ b/html-websites/tykayn_blog/lang_fr/20101224013119_tkblog_103_photos-fin-d-anne-2010-en-belgique.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html b/html-websites/tykayn_blog/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html
index a778b52e..dc153833 100644
--- a/html-websites/tykayn_blog/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html
+++ b/html-websites/tykayn_blog/lang_fr/20110102111003_tkblog_345_le-syndrome-de-patou.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html b/html-websites/tykayn_blog/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html
index fe250b76..89168102 100644
--- a/html-websites/tykayn_blog/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html
+++ b/html-websites/tykayn_blog/lang_fr/20110103212809_tkblog_175_repas-de-nouvel-an.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html b/html-websites/tykayn_blog/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html
index dc95f021..8fb6600d 100644
--- a/html-websites/tykayn_blog/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html
+++ b/html-websites/tykayn_blog/lang_fr/20110104125825_tkblog_154_hacking-de-frigo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html b/html-websites/tykayn_blog/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html
index a7152d0c..3475d5c8 100644
--- a/html-websites/tykayn_blog/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html
+++ b/html-websites/tykayn_blog/lang_fr/20110118232724_tkblog_158_oubapo-reprise.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html b/html-websites/tykayn_blog/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html
index e76dc14d..396e46ef 100644
--- a/html-websites/tykayn_blog/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html
+++ b/html-websites/tykayn_blog/lang_fr/20110131194029_tkblog_209_j-ai-rien-me-mettre-dit-la-femme.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html b/html-websites/tykayn_blog/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html
index 24fb8ba9..2611f1a3 100644
--- a/html-websites/tykayn_blog/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html
+++ b/html-websites/tykayn_blog/lang_fr/20110208171829_tkblog_114_nus-de-femmes-nues.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html b/html-websites/tykayn_blog/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html
index 5414b47b..713dfa4b 100644
--- a/html-websites/tykayn_blog/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html
+++ b/html-websites/tykayn_blog/lang_fr/20110212185515_tkblog_166_butt-man-pacman.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html b/html-websites/tykayn_blog/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html
index 2532ea6f..510d5c54 100644
--- a/html-websites/tykayn_blog/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html
+++ b/html-websites/tykayn_blog/lang_fr/20110213051713_tkblog_332_conseils-relationnels.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110217164731_tkblog_179_badminton-punishement.html b/html-websites/tykayn_blog/lang_fr/20110217164731_tkblog_179_badminton-punishement.html
index 2ebc6adb..f31645a2 100644
--- a/html-websites/tykayn_blog/lang_fr/20110217164731_tkblog_179_badminton-punishement.html
+++ b/html-websites/tykayn_blog/lang_fr/20110217164731_tkblog_179_badminton-punishement.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html b/html-websites/tykayn_blog/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html
index 3f6076e8..02cc6108 100644
--- a/html-websites/tykayn_blog/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html
+++ b/html-websites/tykayn_blog/lang_fr/20110217165525_tkblog_368_tykayn-et-la-grace.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110217165952_tkblog_123_quelques-conneries.html b/html-websites/tykayn_blog/lang_fr/20110217165952_tkblog_123_quelques-conneries.html
index de55b453..d4a9ffd6 100644
--- a/html-websites/tykayn_blog/lang_fr/20110217165952_tkblog_123_quelques-conneries.html
+++ b/html-websites/tykayn_blog/lang_fr/20110217165952_tkblog_123_quelques-conneries.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html b/html-websites/tykayn_blog/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html
index 32dc5017..e1c26489 100644
--- a/html-websites/tykayn_blog/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html
+++ b/html-websites/tykayn_blog/lang_fr/20110226185509_tkblog_211_pour-draguer-une-femme-nue-ne-la-draguez-pas-merci.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110306014033_tkblog_362_jakadi.html b/html-websites/tykayn_blog/lang_fr/20110306014033_tkblog_362_jakadi.html
index f1a60ce1..14efa1d1 100644
--- a/html-websites/tykayn_blog/lang_fr/20110306014033_tkblog_362_jakadi.html
+++ b/html-websites/tykayn_blog/lang_fr/20110306014033_tkblog_362_jakadi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html b/html-websites/tykayn_blog/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html
index e331a982..b9ed355b 100644
--- a/html-websites/tykayn_blog/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html
+++ b/html-websites/tykayn_blog/lang_fr/20110306015301_tkblog_182_catzilla-en-gravure-sur-mtal.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html b/html-websites/tykayn_blog/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html
index dfed6085..19d419cb 100644
--- a/html-websites/tykayn_blog/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html
+++ b/html-websites/tykayn_blog/lang_fr/20110307122509_tkblog_346_gille-sortant-des-vlams.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html b/html-websites/tykayn_blog/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html
index 1e856fa4..8865e453 100644
--- a/html-websites/tykayn_blog/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html
+++ b/html-websites/tykayn_blog/lang_fr/20110307164639_tkblog_348_bd-gauche-retouche-galerie-mieux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html b/html-websites/tykayn_blog/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html
index 99ef189c..aac9630f 100644
--- a/html-websites/tykayn_blog/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html
+++ b/html-websites/tykayn_blog/lang_fr/20110311221608_tkblog_347_leon-de-marketing-pour-devenir-riche-avec-son-magasin.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html b/html-websites/tykayn_blog/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html
index 36e70378..e818da2d 100644
--- a/html-websites/tykayn_blog/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html
+++ b/html-websites/tykayn_blog/lang_fr/20110315214801_tkblog_168_banquier-over-nine-thousand.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html b/html-websites/tykayn_blog/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html
index bc7de23a..89f85b1e 100644
--- a/html-websites/tykayn_blog/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html
+++ b/html-websites/tykayn_blog/lang_fr/20110317012043_tkblog_256_portes-ouvertes-esa-saint-luc-et-made-in-asia.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -220,3 +616,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html b/html-websites/tykayn_blog/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html
index c0c81652..b4935a07 100644
--- a/html-websites/tykayn_blog/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html
+++ b/html-websites/tykayn_blog/lang_fr/20110325032322_tkblog_142_tuto-photo-stro-3d-avec-appareil-numrique-simple.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -238,3 +634,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html b/html-websites/tykayn_blog/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html
index cc207a08..079a0aef 100644
--- a/html-websites/tykayn_blog/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html
+++ b/html-websites/tykayn_blog/lang_fr/20110325082708_tkblog_231_vibromasseur-si-si.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html b/html-websites/tykayn_blog/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html
index b1ce07b4..19cbe044 100644
--- a/html-websites/tykayn_blog/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html
+++ b/html-websites/tykayn_blog/lang_fr/20110426215400_tkblog_169_corps-plastins-de-l-ucl.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -220,3 +616,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html b/html-websites/tykayn_blog/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html
index d081853f..8f46e788 100644
--- a/html-websites/tykayn_blog/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html
+++ b/html-websites/tykayn_blog/lang_fr/20110501012153_tkblog_237_aquarelles-relles-relles.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html b/html-websites/tykayn_blog/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html
index 7c6e3558..7cacf28c 100644
--- a/html-websites/tykayn_blog/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html
+++ b/html-websites/tykayn_blog/lang_fr/20110501023804_tkblog_218_chine-mtro-et-signalisation.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -298,3 +694,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html b/html-websites/tykayn_blog/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html
index 89bd523f..8c704ad6 100644
--- a/html-websites/tykayn_blog/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html
+++ b/html-websites/tykayn_blog/lang_fr/20110501031535_tkblog_200_demotivators-de-moscou.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html b/html-websites/tykayn_blog/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html
index 7bc9eceb..de2b1ac9 100644
--- a/html-websites/tykayn_blog/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html
+++ b/html-websites/tykayn_blog/lang_fr/20110502220132_tkblog_164_fouine-a-parl.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html b/html-websites/tykayn_blog/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html
index 44433108..86b6eee1 100644
--- a/html-websites/tykayn_blog/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html
+++ b/html-websites/tykayn_blog/lang_fr/20110508155132_tkblog_216_croquis-rapides-la-gare-du-midi.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html b/html-websites/tykayn_blog/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html
index 6e58a02d..5be3baa6 100644
--- a/html-websites/tykayn_blog/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html
+++ b/html-websites/tykayn_blog/lang_fr/20110511160843_tkblog_144_firefox-4-syncronisation-et-add-on.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -322,3 +718,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html b/html-websites/tykayn_blog/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html
index 146bb55c..1c35f4b8 100644
--- a/html-websites/tykayn_blog/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html
+++ b/html-websites/tykayn_blog/lang_fr/20110512040410_tkblog_151_eve-rest-histoire-courte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -228,3 +624,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html b/html-websites/tykayn_blog/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html
index 34eca60e..740ea3c5 100644
--- a/html-websites/tykayn_blog/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html
+++ b/html-websites/tykayn_blog/lang_fr/20110523195432_tkblog_298_weekend-buttes-chaumont.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html b/html-websites/tykayn_blog/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html
index 90cb4ebd..1bdc3a57 100644
--- a/html-websites/tykayn_blog/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html
+++ b/html-websites/tykayn_blog/lang_fr/20110601201842_tkblog_178_aquarelles-et-portal-2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -241,3 +637,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html b/html-websites/tykayn_blog/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html
index 6c9f0562..3f4cc5c4 100644
--- a/html-websites/tykayn_blog/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html
+++ b/html-websites/tykayn_blog/lang_fr/20110602190404_tkblog_113_go-go-go-geek-faeries.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html b/html-websites/tykayn_blog/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html
index 9be0c0f9..100b7f50 100644
--- a/html-websites/tykayn_blog/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html
+++ b/html-websites/tykayn_blog/lang_fr/20110606164537_tkblog_257_geek-faeries-les-gens-du-rve.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html b/html-websites/tykayn_blog/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html
index be307897..d11a8b74 100644
--- a/html-websites/tykayn_blog/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html
+++ b/html-websites/tykayn_blog/lang_fr/20110617085041_tkblog_180_stase-dans-une-boite-teaser.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html b/html-websites/tykayn_blog/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html
index cbe88c46..219c9c85 100644
--- a/html-websites/tykayn_blog/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20110622073135_tkblog_230_feuille-de-repre-pour-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html b/html-websites/tykayn_blog/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html
index 8f80d67c..4b1b801b 100644
--- a/html-websites/tykayn_blog/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html
+++ b/html-websites/tykayn_blog/lang_fr/20110624103334_tkblog_177_vernissage-ds-18-heures-au-jacques-franck.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110624120214_tkblog_255_georges-clooney-et-autres-conneries.html b/html-websites/tykayn_blog/lang_fr/20110624120214_tkblog_255_georges-clooney-et-autres-conneries.html
index da5ee3bd..39a1c5b9 100644
--- a/html-websites/tykayn_blog/lang_fr/20110624120214_tkblog_255_georges-clooney-et-autres-conneries.html
+++ b/html-websites/tykayn_blog/lang_fr/20110624120214_tkblog_255_georges-clooney-et-autres-conneries.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110707183636_tkblog_353_un-appart-vide.html b/html-websites/tykayn_blog/lang_fr/20110707183636_tkblog_353_un-appart-vide.html
index 2a28b0ff..ac16d38b 100644
--- a/html-websites/tykayn_blog/lang_fr/20110707183636_tkblog_353_un-appart-vide.html
+++ b/html-websites/tykayn_blog/lang_fr/20110707183636_tkblog_353_un-appart-vide.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html b/html-websites/tykayn_blog/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html
index b24271ed..b8cd67e3 100644
--- a/html-websites/tykayn_blog/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20110707184119_tkblog_297_dessins-de-japan-expo-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -271,3 +667,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html b/html-websites/tykayn_blog/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html
index ace03325..450e5f94 100644
--- a/html-websites/tykayn_blog/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20110707212956_tkblog_155_cosplays-de-japan-expo-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -229,3 +625,10 @@ href="id:dece5856-41a3-4adf-b1fd-496c28369ae4">japan-expo</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html b/html-websites/tykayn_blog/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html
index cfa9d6b6..00e57559 100644
--- a/html-websites/tykayn_blog/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html
+++ b/html-websites/tykayn_blog/lang_fr/20110716110000_tkblog_296_recueil-anonyme-de-fantasmes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html b/html-websites/tykayn_blog/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html
index 15770e55..f535d6c4 100644
--- a/html-websites/tykayn_blog/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html
+++ b/html-websites/tykayn_blog/lang_fr/20110720152310_tkblog_157_nouvelles-bannires-et-mnagerie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -221,3 +617,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html b/html-websites/tykayn_blog/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html
index 10c6a1ce..c56a8db4 100644
--- a/html-websites/tykayn_blog/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html
+++ b/html-websites/tykayn_blog/lang_fr/20110722092947_tkblog_330_projets-du-moment-2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110724231342_tkblog_174_sketchcrawl.html b/html-websites/tykayn_blog/lang_fr/20110724231342_tkblog_174_sketchcrawl.html
index 3e7db1c4..edb27182 100644
--- a/html-websites/tykayn_blog/lang_fr/20110724231342_tkblog_174_sketchcrawl.html
+++ b/html-websites/tykayn_blog/lang_fr/20110724231342_tkblog_174_sketchcrawl.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html b/html-websites/tykayn_blog/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html
index 58503769..1fb2d5fc 100644
--- a/html-websites/tykayn_blog/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html
+++ b/html-websites/tykayn_blog/lang_fr/20110727051458_tkblog_247_bercy-village-dessins.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html b/html-websites/tykayn_blog/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html
index 18fb0a58..ea7738aa 100644
--- a/html-websites/tykayn_blog/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html
+++ b/html-websites/tykayn_blog/lang_fr/20110802182356_tkblog_361_les-larmes-de-miel-manolosanctis.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html b/html-websites/tykayn_blog/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html
index 90ff6477..7b3f1377 100644
--- a/html-websites/tykayn_blog/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html
+++ b/html-websites/tykayn_blog/lang_fr/20110808211413_tkblog_363_vanit-de-la-couette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html b/html-websites/tykayn_blog/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html
index 0964fdd4..cfb0a723 100644
--- a/html-websites/tykayn_blog/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html
+++ b/html-websites/tykayn_blog/lang_fr/20110810001017_tkblog_317_url-maker-tuto-vido.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110813145936_tkblog_379_blogroll.html b/html-websites/tykayn_blog/lang_fr/20110813145936_tkblog_379_blogroll.html
index b5d12c9e..5beedc44 100644
--- a/html-websites/tykayn_blog/lang_fr/20110813145936_tkblog_379_blogroll.html
+++ b/html-websites/tykayn_blog/lang_fr/20110813145936_tkblog_379_blogroll.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -309,3 +705,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html b/html-websites/tykayn_blog/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html
index 943f5c0d..e3f36659 100644
--- a/html-websites/tykayn_blog/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html
+++ b/html-websites/tykayn_blog/lang_fr/20110814053121_tkblog_173_back-return-to-the-future.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110814101256_tkblog_159_hadh-anniv.html b/html-websites/tykayn_blog/lang_fr/20110814101256_tkblog_159_hadh-anniv.html
index 53a92e82..22ac76c3 100644
--- a/html-websites/tykayn_blog/lang_fr/20110814101256_tkblog_159_hadh-anniv.html
+++ b/html-websites/tykayn_blog/lang_fr/20110814101256_tkblog_159_hadh-anniv.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110817132156_tkblog_326_crdules-nous.html b/html-websites/tykayn_blog/lang_fr/20110817132156_tkblog_326_crdules-nous.html
index 6e63ede0..19236390 100644
--- a/html-websites/tykayn_blog/lang_fr/20110817132156_tkblog_326_crdules-nous.html
+++ b/html-websites/tykayn_blog/lang_fr/20110817132156_tkblog_326_crdules-nous.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -343,3 +739,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html b/html-websites/tykayn_blog/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html
index 8f45ff12..87986a92 100644
--- a/html-websites/tykayn_blog/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html
+++ b/html-websites/tykayn_blog/lang_fr/20110822131000_tkblog_370_vadrouille-au-parc-monceau.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html b/html-websites/tykayn_blog/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html
index a0c35905..e48e6a7f 100644
--- a/html-websites/tykayn_blog/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html
+++ b/html-websites/tykayn_blog/lang_fr/20110824001501_tkblog_369_nouvelle-blogroll.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -255,3 +651,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html b/html-websites/tykayn_blog/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html
index fc289de9..ad81d9a6 100644
--- a/html-websites/tykayn_blog/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html
+++ b/html-websites/tykayn_blog/lang_fr/20110829033115_tkblog_147_optimise-tes-relations.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -218,3 +614,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html b/html-websites/tykayn_blog/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html
index d0096411..f8ebf68a 100644
--- a/html-websites/tykayn_blog/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20110904111328_tkblog_367_bientt-harajuku-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html b/html-websites/tykayn_blog/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html
index 2811f145..86cf6d27 100644
--- a/html-websites/tykayn_blog/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20110912230904_tkblog_291_diplme-et-dessins-de-harajuku-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html b/html-websites/tykayn_blog/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html
index c5c94155..1963cbcd 100644
--- a/html-websites/tykayn_blog/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html
+++ b/html-websites/tykayn_blog/lang_fr/20110914205444_tkblog_364_dessins-d-after-harajuku.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -215,3 +611,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html b/html-websites/tykayn_blog/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html
index 02e1f4b8..6e799d4d 100644
--- a/html-websites/tykayn_blog/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html
+++ b/html-websites/tykayn_blog/lang_fr/20110914205802_tkblog_137_freddy-mercury-fait-la-vaisselle.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110916153857_tkblog_171_roux-pride.html b/html-websites/tykayn_blog/lang_fr/20110916153857_tkblog_171_roux-pride.html
index 5107450b..2e615b8f 100644
--- a/html-websites/tykayn_blog/lang_fr/20110916153857_tkblog_171_roux-pride.html
+++ b/html-websites/tykayn_blog/lang_fr/20110916153857_tkblog_171_roux-pride.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html b/html-websites/tykayn_blog/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html
index b5509101..e1e5ded9 100644
--- a/html-websites/tykayn_blog/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html
+++ b/html-websites/tykayn_blog/lang_fr/20110918165330_tkblog_359_un-nouveau-chat-dans-le-vortex.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110920210511_tkblog_133_humour-prohib.html b/html-websites/tykayn_blog/lang_fr/20110920210511_tkblog_133_humour-prohib.html
index d4c1f410..b2e1f192 100644
--- a/html-websites/tykayn_blog/lang_fr/20110920210511_tkblog_133_humour-prohib.html
+++ b/html-websites/tykayn_blog/lang_fr/20110920210511_tkblog_133_humour-prohib.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html b/html-websites/tykayn_blog/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html
index 4546c9a6..e42f2050 100644
--- a/html-websites/tykayn_blog/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html
+++ b/html-websites/tykayn_blog/lang_fr/20110921213849_tkblog_358_tykayn-golden-blog-award.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html b/html-websites/tykayn_blog/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html
index 68f9b88f..58af54ed 100644
--- a/html-websites/tykayn_blog/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html
+++ b/html-websites/tykayn_blog/lang_fr/20110922024255_tkblog_357_eola-du-projet-omg-et-le-hentai.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html b/html-websites/tykayn_blog/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html
index 5253179e..cd7e394d 100644
--- a/html-websites/tykayn_blog/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html
+++ b/html-websites/tykayn_blog/lang_fr/20110922075711_tkblog_355_aujourdhui-je-suis-au-festiblog-en-squatteur-bien-sr-et-toi-pas.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -250,3 +646,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html b/html-websites/tykayn_blog/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html
index 48210ff3..b1de3d14 100644
--- a/html-websites/tykayn_blog/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html
+++ b/html-websites/tykayn_blog/lang_fr/20110922092712_tkblog_160_festiblog-zach-weiner.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110923051951_tkblog_195_css-joke.html b/html-websites/tykayn_blog/lang_fr/20110923051951_tkblog_195_css-joke.html
index f4ae69c6..2d94bc3d 100644
--- a/html-websites/tykayn_blog/lang_fr/20110923051951_tkblog_195_css-joke.html
+++ b/html-websites/tykayn_blog/lang_fr/20110923051951_tkblog_195_css-joke.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html b/html-websites/tykayn_blog/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html
index 3fd8bfdf..466d9f78 100644
--- a/html-websites/tykayn_blog/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html
+++ b/html-websites/tykayn_blog/lang_fr/20110927205024_tkblog_356_apprendre-la-politesse.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html b/html-websites/tykayn_blog/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html
index 4bc509e6..4625f579 100644
--- a/html-websites/tykayn_blog/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html
+++ b/html-websites/tykayn_blog/lang_fr/20110927205329_tkblog_352_jesus-rocks-the-metric.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -260,3 +656,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html b/html-websites/tykayn_blog/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html
index 5d89be6a..07072785 100644
--- a/html-websites/tykayn_blog/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20110929180107_tkblog_354_aquarelles-de-festiblog-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html b/html-websites/tykayn_blog/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html
index d71d62f7..71670279 100644
--- a/html-websites/tykayn_blog/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html
+++ b/html-websites/tykayn_blog/lang_fr/20111003114921_tkblog_161_studio-aardman-et-bercy.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -232,3 +628,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html b/html-websites/tykayn_blog/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html
index 3b53daec..958e8094 100644
--- a/html-websites/tykayn_blog/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html
+++ b/html-websites/tykayn_blog/lang_fr/20111010174832_tkblog_371_diffrence-entre-pq-et-sopalin.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html b/html-websites/tykayn_blog/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html
index 65a5b598..0038a9d7 100644
--- a/html-websites/tykayn_blog/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html
+++ b/html-websites/tykayn_blog/lang_fr/20111010175301_tkblog_349_freddy-mercury-veut-faire-du-vlo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html b/html-websites/tykayn_blog/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html
index bcfb1262..84e5b8b9 100644
--- a/html-websites/tykayn_blog/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html
+++ b/html-websites/tykayn_blog/lang_fr/20111010181736_tkblog_350_du-neuf-et-des-dessins.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -234,3 +630,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html b/html-websites/tykayn_blog/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html
index 202298c8..e7cea92f 100644
--- a/html-websites/tykayn_blog/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html
+++ b/html-websites/tykayn_blog/lang_fr/20111017100005_tkblog_290_33e-sketchcrawl-paris-au-parc-de-la-villette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -240,3 +636,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html b/html-websites/tykayn_blog/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html
index 63afc749..0d01c6fa 100644
--- a/html-websites/tykayn_blog/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html
+++ b/html-websites/tykayn_blog/lang_fr/20111017111125_tkblog_339_photomontages-pourris.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html b/html-websites/tykayn_blog/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html
index 5f5034f4..246f676c 100644
--- a/html-websites/tykayn_blog/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html
+++ b/html-websites/tykayn_blog/lang_fr/20111021170323_tkblog_343_darwin-chez-interpol.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html b/html-websites/tykayn_blog/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html
index 967267a5..f1cdb0fa 100644
--- a/html-websites/tykayn_blog/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html
+++ b/html-websites/tykayn_blog/lang_fr/20111023085135_tkblog_344_kamasutra-au-hasard.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html b/html-websites/tykayn_blog/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html
index 5b3b72ac..d1225197 100644
--- a/html-websites/tykayn_blog/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html
+++ b/html-websites/tykayn_blog/lang_fr/20111023085821_tkblog_342_gnrateur-de-personnages.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html b/html-websites/tykayn_blog/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html
index be34179d..de13a040 100644
--- a/html-websites/tykayn_blog/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html
+++ b/html-websites/tykayn_blog/lang_fr/20111023141706_tkblog_202_clopeurs-post-classe.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html b/html-websites/tykayn_blog/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html
index 157ee091..5cff408a 100644
--- a/html-websites/tykayn_blog/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html
+++ b/html-websites/tykayn_blog/lang_fr/20111023175023_tkblog_201_mmo-typo-caractres-spciaux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -226,3 +622,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html b/html-websites/tykayn_blog/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html
index f9435698..9d9a3381 100644
--- a/html-websites/tykayn_blog/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html
+++ b/html-websites/tykayn_blog/lang_fr/20111026173424_tkblog_340_canal-reportage-sketchcrawl-la-villette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html b/html-websites/tykayn_blog/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html
index 53ee84ff..65e32af0 100644
--- a/html-websites/tykayn_blog/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html
+++ b/html-websites/tykayn_blog/lang_fr/20111028121416_tkblog_335_thunderbird-dbloquer-les-images-distantes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -213,3 +609,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html b/html-websites/tykayn_blog/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html
index 92b04e33..171cb703 100644
--- a/html-websites/tykayn_blog/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html
+++ b/html-websites/tykayn_blog/lang_fr/20111101184735_tkblog_338_comment-dire-internet-explorer-qu-il-est-trop-vieux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -272,3 +668,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html b/html-websites/tykayn_blog/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html
index c236a861..d113e24f 100644
--- a/html-websites/tykayn_blog/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html
+++ b/html-websites/tykayn_blog/lang_fr/20111102110215_tkblog_337_ddicace-aux-rcents-parents.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html b/html-websites/tykayn_blog/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html
index 7757e950..fb01a935 100644
--- a/html-websites/tykayn_blog/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html
+++ b/html-websites/tykayn_blog/lang_fr/20111103121312_tkblog_334_une-illu-porn-de-plus-chez-les-carnets-pornographiques.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html b/html-websites/tykayn_blog/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html
index 42b6ef61..bfa877aa 100644
--- a/html-websites/tykayn_blog/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20111103174651_tkblog_336_jserai-anim-est-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html b/html-websites/tykayn_blog/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html
index 6d94eb37..da5764aa 100644
--- a/html-websites/tykayn_blog/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html
+++ b/html-websites/tykayn_blog/lang_fr/20111107141419_tkblog_135_tk-tabs-menu-en-onglets-facile-utiliser.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html b/html-websites/tykayn_blog/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html
index e02e70b5..52bf6bc8 100644
--- a/html-websites/tykayn_blog/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html
+++ b/html-websites/tykayn_blog/lang_fr/20111109012947_tkblog_360_steampunk-halloween-et-tribale-fusion.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -254,3 +650,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html b/html-websites/tykayn_blog/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html
index 86da6585..bf87bb11 100644
--- a/html-websites/tykayn_blog/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html
+++ b/html-websites/tykayn_blog/lang_fr/20111114212506_tkblog_325_anim-est-2011-compte-rendu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -308,3 +704,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html b/html-websites/tykayn_blog/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html
index ca21c87f..434c8fbf 100644
--- a/html-websites/tykayn_blog/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html
+++ b/html-websites/tykayn_blog/lang_fr/20111116163945_tkblog_322_dessins-d-anim-est.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -220,3 +616,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111120211743_tkblog_321_journaux-consternants.html b/html-websites/tykayn_blog/lang_fr/20111120211743_tkblog_321_journaux-consternants.html
index e671b4a7..5247c115 100644
--- a/html-websites/tykayn_blog/lang_fr/20111120211743_tkblog_321_journaux-consternants.html
+++ b/html-websites/tykayn_blog/lang_fr/20111120211743_tkblog_321_journaux-consternants.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html b/html-websites/tykayn_blog/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html
index 01a84e86..09455738 100644
--- a/html-websites/tykayn_blog/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html
+++ b/html-websites/tykayn_blog/lang_fr/20111123223706_tkblog_235_trois-poques-de-la-vie.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html b/html-websites/tykayn_blog/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html
index ba2ea75c..97d9ec65 100644
--- a/html-websites/tykayn_blog/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html
+++ b/html-websites/tykayn_blog/lang_fr/20111123225433_tkblog_320_tandem-jeunesse-9-bientt-fini.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html b/html-websites/tykayn_blog/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html
index dbd1cdb0..506c5256 100644
--- a/html-websites/tykayn_blog/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html
+++ b/html-websites/tykayn_blog/lang_fr/20111127212359_tkblog_236_tandem-jeunesse-9-a-c-est-fait.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html b/html-websites/tykayn_blog/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html
index 2bb71a8e..59b4dc12 100644
--- a/html-websites/tykayn_blog/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html
+++ b/html-websites/tykayn_blog/lang_fr/20111129231854_tkblog_253_3-autres-blogs-miam-informageek-et-ailleurs.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html b/html-websites/tykayn_blog/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html
index afb60b27..e6b62afa 100644
--- a/html-websites/tykayn_blog/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20111130175657_tkblog_316_l-arbre-et-l-innocent-1-page-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html b/html-websites/tykayn_blog/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html
index 087f3303..7fb0475e 100644
--- a/html-websites/tykayn_blog/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html
+++ b/html-websites/tykayn_blog/lang_fr/20111201195907_tkblog_314_truc-1-les-intersticiels-linguistiques.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html b/html-websites/tykayn_blog/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html
index 251e99e6..d7dc9ab1 100644
--- a/html-websites/tykayn_blog/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html
+++ b/html-websites/tykayn_blog/lang_fr/20111203040605_tkblog_315_truc-2-l-esclavagisme-des-machines.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html b/html-websites/tykayn_blog/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html
index a24c342b..c168af7d 100644
--- a/html-websites/tykayn_blog/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html
+++ b/html-websites/tykayn_blog/lang_fr/20111206063307_tkblog_312_l-importance-du-sketching.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html b/html-websites/tykayn_blog/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html
index 6e35e836..db57d0af 100644
--- a/html-websites/tykayn_blog/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html
+++ b/html-websites/tykayn_blog/lang_fr/20111210111349_tkblog_313_kit-de-survie-en-cole-d-art.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -349,3 +745,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html b/html-websites/tykayn_blog/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html
index d6e42535..5096542a 100644
--- a/html-websites/tykayn_blog/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html
+++ b/html-websites/tykayn_blog/lang_fr/20111213173759_tkblog_318_l-arnaque-du-mois.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -213,3 +609,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html b/html-websites/tykayn_blog/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html
index f7db41c0..6fd0fef8 100644
--- a/html-websites/tykayn_blog/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html
+++ b/html-websites/tykayn_blog/lang_fr/20111217210336_tkblog_295_fin-du-concours-de-couverture-q-5.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html b/html-websites/tykayn_blog/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html
index dd579057..61e5f0dc 100644
--- a/html-websites/tykayn_blog/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html
+++ b/html-websites/tykayn_blog/lang_fr/20111219212747_tkblog_254_rsultats-concours-q.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111229224403_tkblog_311_noel-power.html b/html-websites/tykayn_blog/lang_fr/20111229224403_tkblog_311_noel-power.html
index 78846c11..b2e05550 100644
--- a/html-websites/tykayn_blog/lang_fr/20111229224403_tkblog_311_noel-power.html
+++ b/html-websites/tykayn_blog/lang_fr/20111229224403_tkblog_311_noel-power.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html b/html-websites/tykayn_blog/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html
index 54b50cd3..68b0d64d 100644
--- a/html-websites/tykayn_blog/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html
+++ b/html-websites/tykayn_blog/lang_fr/20111231011701_tkblog_310_dessins-du-louvre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html b/html-websites/tykayn_blog/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html
index 20fc11c7..6c2d9e9d 100644
--- a/html-websites/tykayn_blog/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html
+++ b/html-websites/tykayn_blog/lang_fr/20111231011835_tkblog_308_des-fesses-satanas-et-diabolo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html b/html-websites/tykayn_blog/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html
index 268c4ac8..ac297e99 100644
--- a/html-websites/tykayn_blog/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html
+++ b/html-websites/tykayn_blog/lang_fr/20111231011901_tkblog_309_les-samourais-du-quai-branly.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html b/html-websites/tykayn_blog/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html
index 85fe4a98..c091c807 100644
--- a/html-websites/tykayn_blog/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html
+++ b/html-websites/tykayn_blog/lang_fr/20111231013304_tkblog_307_bye-bye-2011.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html b/html-websites/tykayn_blog/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html
index d7492dad..9516449e 100644
--- a/html-websites/tykayn_blog/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html
+++ b/html-websites/tykayn_blog/lang_fr/20120107135134_tkblog_306_feuille-test-imprimeur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html b/html-websites/tykayn_blog/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html
index a018641c..3577f4dd 100644
--- a/html-websites/tykayn_blog/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html
+++ b/html-websites/tykayn_blog/lang_fr/20120114173057_tkblog_305_bon-2012-joie-et-flood-sur-vous.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html b/html-websites/tykayn_blog/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html
index 7ab523c8..6d0a41dd 100644
--- a/html-websites/tykayn_blog/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html
+++ b/html-websites/tykayn_blog/lang_fr/20120120011320_tkblog_303_truc-3-typo-complot.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html b/html-websites/tykayn_blog/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html
index d519a846..75b3f48a 100644
--- a/html-websites/tykayn_blog/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html
+++ b/html-websites/tykayn_blog/lang_fr/20120120015259_tkblog_304_blackout-day-l-lyse.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html b/html-websites/tykayn_blog/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html
index d75c1e05..cc7ebd78 100644
--- a/html-websites/tykayn_blog/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html
+++ b/html-websites/tykayn_blog/lang_fr/20120125143406_tkblog_301_24-heures-de-la-bande-dessine-parse-it.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html b/html-websites/tykayn_blog/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html
index 68e22ca8..01d0eb8a 100644
--- a/html-websites/tykayn_blog/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html
+++ b/html-websites/tykayn_blog/lang_fr/20120131151039_tkblog_300_24-heures-de-la-bande-dessine-parse-it-complet.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -253,3 +649,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120204143457_tkblog_252_test-android.html b/html-websites/tykayn_blog/lang_fr/20120204143457_tkblog_252_test-android.html
index a8e121ab..99f4e318 100644
--- a/html-websites/tykayn_blog/lang_fr/20120204143457_tkblog_252_test-android.html
+++ b/html-websites/tykayn_blog/lang_fr/20120204143457_tkblog_252_test-android.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html b/html-websites/tykayn_blog/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html
index 34421ab2..5e089cb2 100644
--- a/html-websites/tykayn_blog/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html
+++ b/html-websites/tykayn_blog/lang_fr/20120207214951_tkblog_249_epic-sketchcrawl-paris.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html b/html-websites/tykayn_blog/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html
index 18be515c..4710e6af 100644
--- a/html-websites/tykayn_blog/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html
+++ b/html-websites/tykayn_blog/lang_fr/20120213224805_tkblog_245_what-is-st-valentin.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -218,3 +614,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120221222528_tkblog_244_talons-hauts.html b/html-websites/tykayn_blog/lang_fr/20120221222528_tkblog_244_talons-hauts.html
index a5c98da8..a6c962ed 100644
--- a/html-websites/tykayn_blog/lang_fr/20120221222528_tkblog_244_talons-hauts.html
+++ b/html-websites/tykayn_blog/lang_fr/20120221222528_tkblog_244_talons-hauts.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html b/html-websites/tykayn_blog/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html
index 3ce0661e..241b833a 100644
--- a/html-websites/tykayn_blog/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html
+++ b/html-websites/tykayn_blog/lang_fr/20120227181428_tkblog_243_visite-mdicale-of-doom.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html b/html-websites/tykayn_blog/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html
index eb890a44..503276d8 100644
--- a/html-websites/tykayn_blog/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html
+++ b/html-websites/tykayn_blog/lang_fr/20120229225156_tkblog_242_la-moindre-des-choses.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html b/html-websites/tykayn_blog/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html
index 4db7957d..c5f814b0 100644
--- a/html-websites/tykayn_blog/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html
+++ b/html-websites/tykayn_blog/lang_fr/20120305161852_tkblog_239_un-blog-un-arbre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html b/html-websites/tykayn_blog/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html
index 9fec9493..42709a63 100644
--- a/html-websites/tykayn_blog/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html
+++ b/html-websites/tykayn_blog/lang_fr/20120313125224_tkblog_240_fruit-ninja-version-micanou.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html b/html-websites/tykayn_blog/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html
index fabd001d..28517b57 100644
--- a/html-websites/tykayn_blog/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html
+++ b/html-websites/tykayn_blog/lang_fr/20120313125712_tkblog_248_dessin-anim-awesome.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html b/html-websites/tykayn_blog/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html
index 0a63a5f8..38d57ccc 100644
--- a/html-websites/tykayn_blog/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html
+++ b/html-websites/tykayn_blog/lang_fr/20120313130036_tkblog_238_bon-apptit-sign-mariposa.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html b/html-websites/tykayn_blog/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html
index 75ee2991..14ce8922 100644
--- a/html-websites/tykayn_blog/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html
+++ b/html-websites/tykayn_blog/lang_fr/20120313130957_tkblog_203_sketches-comme-a.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html b/html-websites/tykayn_blog/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html
index 8e978fd4..cfe704e4 100644
--- a/html-websites/tykayn_blog/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html
+++ b/html-websites/tykayn_blog/lang_fr/20120313131653_tkblog_233_dessins-du-weekend.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html b/html-websites/tykayn_blog/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html
index 1f79166a..99e89185 100644
--- a/html-websites/tykayn_blog/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html
+++ b/html-websites/tykayn_blog/lang_fr/20120319173933_tkblog_226_29-ans-de-poulpe.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -217,3 +613,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120401173256_tkblog_224_mars-fini.html b/html-websites/tykayn_blog/lang_fr/20120401173256_tkblog_224_mars-fini.html
index d2c50877..523b7ae0 100644
--- a/html-websites/tykayn_blog/lang_fr/20120401173256_tkblog_224_mars-fini.html
+++ b/html-websites/tykayn_blog/lang_fr/20120401173256_tkblog_224_mars-fini.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -243,3 +639,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120405235234_tkblog_227_scandale.html b/html-websites/tykayn_blog/lang_fr/20120405235234_tkblog_227_scandale.html
index d1f4804e..d49cd4d6 100644
--- a/html-websites/tykayn_blog/lang_fr/20120405235234_tkblog_227_scandale.html
+++ b/html-websites/tykayn_blog/lang_fr/20120405235234_tkblog_227_scandale.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html b/html-websites/tykayn_blog/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html
index b4b22625..dc859d15 100644
--- a/html-websites/tykayn_blog/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html
+++ b/html-websites/tykayn_blog/lang_fr/20120429174217_tkblog_143_concours-illustration-projet-omg.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -239,3 +635,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html b/html-websites/tykayn_blog/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html
index 0d31a647..1d144734 100644
--- a/html-websites/tykayn_blog/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html
+++ b/html-websites/tykayn_blog/lang_fr/20120501082733_tkblog_217_rangement-et-photos-de-lyce.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -222,3 +618,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html b/html-websites/tykayn_blog/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html
index 49924b53..c8934d1d 100644
--- a/html-websites/tykayn_blog/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html
+++ b/html-websites/tykayn_blog/lang_fr/20120516141854_tkblog_206_corbeil-essonnes-festival-de-bd.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -250,3 +646,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120530152430_tkblog_319_pitanime-2012.html b/html-websites/tykayn_blog/lang_fr/20120530152430_tkblog_319_pitanime-2012.html
index 8a694dcd..2ba2d46c 100644
--- a/html-websites/tykayn_blog/lang_fr/20120530152430_tkblog_319_pitanime-2012.html
+++ b/html-websites/tykayn_blog/lang_fr/20120530152430_tkblog_319_pitanime-2012.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html b/html-websites/tykayn_blog/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html
index 1b9d11bf..fc900120 100644
--- a/html-websites/tykayn_blog/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html
+++ b/html-websites/tykayn_blog/lang_fr/20120607210254_tkblog_234_amiens-festival-bd-compte-rendu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -315,3 +711,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120613005404_tkblog_232_du-desu.html b/html-websites/tykayn_blog/lang_fr/20120613005404_tkblog_232_du-desu.html
index ee63e890..9ddbed49 100644
--- a/html-websites/tykayn_blog/lang_fr/20120613005404_tkblog_232_du-desu.html
+++ b/html-websites/tykayn_blog/lang_fr/20120613005404_tkblog_232_du-desu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120613012252_tkblog_207_projet-17-mai.html b/html-websites/tykayn_blog/lang_fr/20120613012252_tkblog_207_projet-17-mai.html
index affa59cc..13b4a0f3 100644
--- a/html-websites/tykayn_blog/lang_fr/20120613012252_tkblog_207_projet-17-mai.html
+++ b/html-websites/tykayn_blog/lang_fr/20120613012252_tkblog_207_projet-17-mai.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -311,3 +707,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html b/html-websites/tykayn_blog/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html
index 90d2e5be..520543e6 100644
--- a/html-websites/tykayn_blog/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html
+++ b/html-websites/tykayn_blog/lang_fr/20120619194540_tkblog_225_allez-voir-l-bas-si-j-y-suis.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html b/html-websites/tykayn_blog/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html
index f56cfb2b..2c9d5665 100644
--- a/html-websites/tykayn_blog/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html
+++ b/html-websites/tykayn_blog/lang_fr/20120627205528_tkblog_220_geek-faeries-compte-rendu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -330,3 +726,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html b/html-websites/tykayn_blog/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html
index de25f808..314a62af 100644
--- a/html-websites/tykayn_blog/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html
+++ b/html-websites/tykayn_blog/lang_fr/20120715204728_tkblog_198_japan-expo-2012.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html b/html-websites/tykayn_blog/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html
index d4c66ea3..5367ac8d 100644
--- a/html-websites/tykayn_blog/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html
+++ b/html-websites/tykayn_blog/lang_fr/20120725194624_tkblog_199_truc-4-pouvoir-de-non-achat.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html b/html-websites/tykayn_blog/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html
index f2099d45..bad938a0 100644
--- a/html-websites/tykayn_blog/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html
+++ b/html-websites/tykayn_blog/lang_fr/20120726142833_tkblog_219_trucs-5-comment-s-amliorer-en-dessin.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html b/html-websites/tykayn_blog/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html
index 6da59399..7e063ee8 100644
--- a/html-websites/tykayn_blog/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html
+++ b/html-websites/tykayn_blog/lang_fr/20120726144351_tkblog_197_truc-6-tl-connecte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html b/html-websites/tykayn_blog/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html
index 99f2339d..adde1041 100644
--- a/html-websites/tykayn_blog/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html
+++ b/html-websites/tykayn_blog/lang_fr/20120808220030_tkblog_192_closeups-d-travers-le-tissu.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -212,3 +608,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html b/html-websites/tykayn_blog/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html
index 41dc265e..764c7f41 100644
--- a/html-websites/tykayn_blog/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html
+++ b/html-websites/tykayn_blog/lang_fr/20120808224754_tkblog_90_voldemort-sa-carte-d-identit.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -205,3 +601,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html b/html-websites/tykayn_blog/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html
index 5b33b7bc..df7e74ad 100644
--- a/html-websites/tykayn_blog/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html
+++ b/html-websites/tykayn_blog/lang_fr/20120821181723_tkblog_191_comment-faire-des-conomies.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120830181831_tkblog_190_fin-d-aout.html b/html-websites/tykayn_blog/lang_fr/20120830181831_tkblog_190_fin-d-aout.html
index c083483d..c2483ce8 100644
--- a/html-websites/tykayn_blog/lang_fr/20120830181831_tkblog_190_fin-d-aout.html
+++ b/html-websites/tykayn_blog/lang_fr/20120830181831_tkblog_190_fin-d-aout.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -234,3 +630,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html b/html-websites/tykayn_blog/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html
index 712fb77e..298453aa 100644
--- a/html-websites/tykayn_blog/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html
+++ b/html-websites/tykayn_blog/lang_fr/20120903123543_tkblog_89_3615-usul-et-le-t-shirt-metal-gear.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html b/html-websites/tykayn_blog/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html
index acd25990..3b6f71e8 100644
--- a/html-websites/tykayn_blog/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html
+++ b/html-websites/tykayn_blog/lang_fr/20120903141946_tkblog_176_1-an-de-ptit-chat.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -217,3 +613,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html b/html-websites/tykayn_blog/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html
index e43a43fa..998207df 100644
--- a/html-websites/tykayn_blog/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html
+++ b/html-websites/tykayn_blog/lang_fr/20120907010930_tkblog_246_anniv-20-ans-de-hadh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -219,3 +615,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120917123104_tkblog_241_procs-apple.html b/html-websites/tykayn_blog/lang_fr/20120917123104_tkblog_241_procs-apple.html
index f29c5f16..dd7aaccd 100644
--- a/html-websites/tykayn_blog/lang_fr/20120917123104_tkblog_241_procs-apple.html
+++ b/html-websites/tykayn_blog/lang_fr/20120917123104_tkblog_241_procs-apple.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html b/html-websites/tykayn_blog/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html
index 5596b3bd..9a1a8bde 100644
--- a/html-websites/tykayn_blog/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html
+++ b/html-websites/tykayn_blog/lang_fr/20120921204647_tkblog_189_appli-pomes-et-potes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html b/html-websites/tykayn_blog/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html
index ff435181..850ad749 100644
--- a/html-websites/tykayn_blog/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html
+++ b/html-websites/tykayn_blog/lang_fr/20120924032603_tkblog_130_by-the-wall-en-statue.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html b/html-websites/tykayn_blog/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html
index 5fd3e762..ff629573 100644
--- a/html-websites/tykayn_blog/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html
+++ b/html-websites/tykayn_blog/lang_fr/20120928174528_tkblog_186_gros-cherche-une-nouvelle-maison.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html b/html-websites/tykayn_blog/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html
index 834ccd1a..119fbef7 100644
--- a/html-websites/tykayn_blog/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html
+++ b/html-websites/tykayn_blog/lang_fr/20121002225545_tkblog_183_keanu-parano-sur-le-vote.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html b/html-websites/tykayn_blog/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html
index 0cc0418c..8dfd629b 100644
--- a/html-websites/tykayn_blog/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html
+++ b/html-websites/tykayn_blog/lang_fr/20121007195401_tkblog_128_zelda-rap-by-smoosh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html b/html-websites/tykayn_blog/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html
index fea8a12a..8c968be8 100644
--- a/html-websites/tykayn_blog/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html
+++ b/html-websites/tykayn_blog/lang_fr/20121013145858_tkblog_152_art-to-play-concours-ma-bulle.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html b/html-websites/tykayn_blog/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html
index 59c052f2..368c813a 100644
--- a/html-websites/tykayn_blog/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html
+++ b/html-websites/tykayn_blog/lang_fr/20121020081814_tkblog_210_votez-sur-facebook-pour-mon-illu-de-concours-ma-bulle-pliiiize.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -222,3 +618,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html b/html-websites/tykayn_blog/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html
index 5d254bfc..0124c3b5 100644
--- a/html-websites/tykayn_blog/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html
+++ b/html-websites/tykayn_blog/lang_fr/20121105210008_tkblog_250_quai-des-bulles-2012-saint-malo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -250,3 +646,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html b/html-websites/tykayn_blog/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html
index 66892a14..4b6f58c8 100644
--- a/html-websites/tykayn_blog/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html
+++ b/html-websites/tykayn_blog/lang_fr/20121112223320_tkblog_165_et-dans-100-ans.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -206,3 +602,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121119201605_tkblog_156_harajuku-2012.html b/html-websites/tykayn_blog/lang_fr/20121119201605_tkblog_156_harajuku-2012.html
index ee258268..9fb465d3 100644
--- a/html-websites/tykayn_blog/lang_fr/20121119201605_tkblog_156_harajuku-2012.html
+++ b/html-websites/tykayn_blog/lang_fr/20121119201605_tkblog_156_harajuku-2012.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121201175359_tkblog_149_anim-est-2012.html b/html-websites/tykayn_blog/lang_fr/20121201175359_tkblog_149_anim-est-2012.html
index b05085c4..d4a35b30 100644
--- a/html-websites/tykayn_blog/lang_fr/20121201175359_tkblog_149_anim-est-2012.html
+++ b/html-websites/tykayn_blog/lang_fr/20121201175359_tkblog_149_anim-est-2012.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html b/html-websites/tykayn_blog/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html
index 52a4fc4c..25806ab7 100644
--- a/html-websites/tykayn_blog/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html
+++ b/html-websites/tykayn_blog/lang_fr/20121226030127_tkblog_145_bonnes-ftes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html b/html-websites/tykayn_blog/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html
index 088698d2..9902e58b 100644
--- a/html-websites/tykayn_blog/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html
+++ b/html-websites/tykayn_blog/lang_fr/20121226031016_tkblog_153_gnrateur-de-phrases-de-sduction-de-haut-niveau.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130122224329_tkblog_138_japan-nantes.html b/html-websites/tykayn_blog/lang_fr/20130122224329_tkblog_138_japan-nantes.html
index 5f4ce7ab..ffbaef5c 100644
--- a/html-websites/tykayn_blog/lang_fr/20130122224329_tkblog_138_japan-nantes.html
+++ b/html-websites/tykayn_blog/lang_fr/20130122224329_tkblog_138_japan-nantes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -254,3 +650,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130214182736_tkblog_107_y-avait-long.html b/html-websites/tykayn_blog/lang_fr/20130214182736_tkblog_107_y-avait-long.html
index a18f0bd8..55e6866c 100644
--- a/html-websites/tykayn_blog/lang_fr/20130214182736_tkblog_107_y-avait-long.html
+++ b/html-websites/tykayn_blog/lang_fr/20130214182736_tkblog_107_y-avait-long.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html b/html-websites/tykayn_blog/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html
index 5022a88c..b8d55c2b 100644
--- a/html-websites/tykayn_blog/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html
+++ b/html-websites/tykayn_blog/lang_fr/20130222210947_tkblog_126_pas-pas-illustration-de-sduction.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -223,3 +619,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130228202537_tkblog_120_rvolution.html b/html-websites/tykayn_blog/lang_fr/20130228202537_tkblog_120_rvolution.html
index ebe615df..f528387e 100644
--- a/html-websites/tykayn_blog/lang_fr/20130228202537_tkblog_120_rvolution.html
+++ b/html-websites/tykayn_blog/lang_fr/20130228202537_tkblog_120_rvolution.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130424201802_tkblog_86_quelques-dessins.html b/html-websites/tykayn_blog/lang_fr/20130424201802_tkblog_86_quelques-dessins.html
index 4ac76d74..55aff0f9 100644
--- a/html-websites/tykayn_blog/lang_fr/20130424201802_tkblog_86_quelques-dessins.html
+++ b/html-websites/tykayn_blog/lang_fr/20130424201802_tkblog_86_quelques-dessins.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -202,3 +598,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html b/html-websites/tykayn_blog/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html
index 44f36670..ac16ba68 100644
--- a/html-websites/tykayn_blog/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html
+++ b/html-websites/tykayn_blog/lang_fr/20130611184556_tkblog_366_caricatures-fugu-chaulnes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html b/html-websites/tykayn_blog/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html
index 3772c4c4..6ef3976d 100644
--- a/html-websites/tykayn_blog/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html
+++ b/html-websites/tykayn_blog/lang_fr/20130626175216_tkblog_251_mtro-con-vivial.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -225,3 +621,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130717202714_tkblog_85_sport-d-t.html b/html-websites/tykayn_blog/lang_fr/20130717202714_tkblog_85_sport-d-t.html
index a7524998..9f8e5f4b 100644
--- a/html-websites/tykayn_blog/lang_fr/20130717202714_tkblog_85_sport-d-t.html
+++ b/html-websites/tykayn_blog/lang_fr/20130717202714_tkblog_85_sport-d-t.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html b/html-websites/tykayn_blog/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html
index 6c094d79..c916b5a9 100644
--- a/html-websites/tykayn_blog/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html
+++ b/html-websites/tykayn_blog/lang_fr/20130731120329_tkblog_84_coucou-le-pain-et-ma-main-dans-ta-gueule.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -208,3 +604,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html b/html-websites/tykayn_blog/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html
index 62bb82a8..529cd8f9 100644
--- a/html-websites/tykayn_blog/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html
+++ b/html-websites/tykayn_blog/lang_fr/20130811123758_tkblog_83_dessin-du-sud.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html b/html-websites/tykayn_blog/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html
index bfcf54e8..ba08ac32 100644
--- a/html-websites/tykayn_blog/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html
+++ b/html-websites/tykayn_blog/lang_fr/20130815101426_tkblog_82_100-likes-sur-facebook.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html b/html-websites/tykayn_blog/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html
index 9f41d771..94e8b32d 100644
--- a/html-websites/tykayn_blog/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html
+++ b/html-websites/tykayn_blog/lang_fr/20130822204456_tkblog_81_projet-omg-chapitre-1-lisible-en-ligne.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html b/html-websites/tykayn_blog/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html
index 8ff4fbee..f0e3a3b0 100644
--- a/html-websites/tykayn_blog/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html
+++ b/html-websites/tykayn_blog/lang_fr/20130823142433_tkblog_80_joyeux-21-ans-de-hadh.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html b/html-websites/tykayn_blog/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html
index bcede8bf..5ff36c87 100644
--- a/html-websites/tykayn_blog/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html
+++ b/html-websites/tykayn_blog/lang_fr/20130916151400_tkblog_79_anticipation-de-youtube.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -234,3 +630,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html b/html-websites/tykayn_blog/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html
index 869da1ed..9e5d0e15 100644
--- a/html-websites/tykayn_blog/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html
+++ b/html-websites/tykayn_blog/lang_fr/20130916152054_tkblog_78_un-recueil-papier-du-tykayn-blog-vortex-chats.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20130930102054_tkblog_77_festiblog-2013.html b/html-websites/tykayn_blog/lang_fr/20130930102054_tkblog_77_festiblog-2013.html
index 09c26531..4ad62c9c 100644
--- a/html-websites/tykayn_blog/lang_fr/20130930102054_tkblog_77_festiblog-2013.html
+++ b/html-websites/tykayn_blog/lang_fr/20130930102054_tkblog_77_festiblog-2013.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -251,3 +647,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html b/html-websites/tykayn_blog/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html
index d780d619..c6082858 100644
--- a/html-websites/tykayn_blog/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html
+++ b/html-websites/tykayn_blog/lang_fr/20131020162456_tkblog_76_bouchon-de-cochons-d-inde.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131025163711_tkblog_75_a-donne-faim.html b/html-websites/tykayn_blog/lang_fr/20131025163711_tkblog_75_a-donne-faim.html
index e93465ff..6d0d7d3c 100644
--- a/html-websites/tykayn_blog/lang_fr/20131025163711_tkblog_75_a-donne-faim.html
+++ b/html-websites/tykayn_blog/lang_fr/20131025163711_tkblog_75_a-donne-faim.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html b/html-websites/tykayn_blog/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html
index 9e3c7187..a7bdd0fb 100644
--- a/html-websites/tykayn_blog/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html
+++ b/html-websites/tykayn_blog/lang_fr/20131108142406_tkblog_74_yaoi-bob-l-ponge.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html b/html-websites/tykayn_blog/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html
index 91342bf8..11b46b1d 100644
--- a/html-websites/tykayn_blog/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html
+++ b/html-websites/tykayn_blog/lang_fr/20131108142942_tkblog_73_hommage-antoine-daniel.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html b/html-websites/tykayn_blog/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html
index 4eea54a3..624390e2 100644
--- a/html-websites/tykayn_blog/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html
+++ b/html-websites/tykayn_blog/lang_fr/20131108143847_tkblog_72_dora-l-exploratrice-version-adulte.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131108144707_tkblog_71_couple-yuri.html b/html-websites/tykayn_blog/lang_fr/20131108144707_tkblog_71_couple-yuri.html
index 2e74e951..91b10506 100644
--- a/html-websites/tykayn_blog/lang_fr/20131108144707_tkblog_71_couple-yuri.html
+++ b/html-websites/tykayn_blog/lang_fr/20131108144707_tkblog_71_couple-yuri.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html b/html-websites/tykayn_blog/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html
index 6c03b678..92bc503a 100644
--- a/html-websites/tykayn_blog/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html
+++ b/html-websites/tykayn_blog/lang_fr/20131108145019_tkblog_70_yaoi-yuri-conv-sketches.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html b/html-websites/tykayn_blog/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html
index d0f737b7..a86df019 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128144713_tkblog_69_aprs-les-boobs-les-fesses.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html b/html-websites/tykayn_blog/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html
index 74a39405..41858d36 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128145141_tkblog_68_chatte-sur-un-toit-brulant-en-flammes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html b/html-websites/tykayn_blog/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html
index a88ff35e..eee5f73d 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128145809_tkblog_67_faolan-tu-veux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html b/html-websites/tykayn_blog/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html
index c41c63c5..dc90eccf 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128150212_tkblog_66_par-la-barbichette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html b/html-websites/tykayn_blog/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html
index 33788535..b50218a5 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128150419_tkblog_65_sextoys-fanarts.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html b/html-websites/tykayn_blog/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html
index 749e17d1..ff468763 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128150915_tkblog_64_neko-land-suite-suite-suite-dit-le-cochon-d-inde.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html b/html-websites/tykayn_blog/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html
index 463bb2d4..7cf85b60 100644
--- a/html-websites/tykayn_blog/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html
+++ b/html-websites/tykayn_blog/lang_fr/20131128151107_tkblog_63_derp-du-bengale.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html b/html-websites/tykayn_blog/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html
index a9630249..ea6f824a 100644
--- a/html-websites/tykayn_blog/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html
+++ b/html-websites/tykayn_blog/lang_fr/20140114164130_tkblog_62_commission-game-of-thrones.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html b/html-websites/tykayn_blog/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html
index ec96144b..8f620ba7 100644
--- a/html-websites/tykayn_blog/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html
+++ b/html-websites/tykayn_blog/lang_fr/20140128182936_tkblog_61_24-h-de-la-bd-2014.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html b/html-websites/tykayn_blog/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html
index 6ff5a8d6..8eea3a30 100644
--- a/html-websites/tykayn_blog/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html
+++ b/html-websites/tykayn_blog/lang_fr/20140131110928_tkblog_60_freebies-sur-portfolio.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html b/html-websites/tykayn_blog/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html
index ca5b196c..76a34d15 100644
--- a/html-websites/tykayn_blog/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html
+++ b/html-websites/tykayn_blog/lang_fr/20140216160127_tkblog_59_dessiner-sous-linux-avec-la-pression-de-la-tablette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html b/html-websites/tykayn_blog/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html
index ec79cc06..2d3d88e3 100644
--- a/html-websites/tykayn_blog/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html
+++ b/html-websites/tykayn_blog/lang_fr/20140303150039_tkblog_58_concours-affiche-pitanime-2014.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html b/html-websites/tykayn_blog/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html
index c4ab6167..4361a906 100644
--- a/html-websites/tykayn_blog/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html
+++ b/html-websites/tykayn_blog/lang_fr/20140313133936_tkblog_57_je-serai-au-salon-du-blog-siana-d-evry-le-12-avril-2014.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -231,3 +627,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html b/html-websites/tykayn_blog/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html
index b7018d2e..df768c20 100644
--- a/html-websites/tykayn_blog/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html
+++ b/html-websites/tykayn_blog/lang_fr/20140327212800_tkblog_56_recherche-de-visuels-graphique-pour-le-droit-de-vote.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -214,3 +610,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140328232124_tkblog_55_tous-poil.html b/html-websites/tykayn_blog/lang_fr/20140328232124_tkblog_55_tous-poil.html
index 4edbbbb4..9a69e68d 100644
--- a/html-websites/tykayn_blog/lang_fr/20140328232124_tkblog_55_tous-poil.html
+++ b/html-websites/tykayn_blog/lang_fr/20140328232124_tkblog_55_tous-poil.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -193,3 +589,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html b/html-websites/tykayn_blog/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html
index d9bb08eb..9b3a99eb 100644
--- a/html-websites/tykayn_blog/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html
+++ b/html-websites/tykayn_blog/lang_fr/20140411210234_tkblog_54_une-ddicace-udoduf.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html b/html-websites/tykayn_blog/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html
index 7556016a..3a140890 100644
--- a/html-websites/tykayn_blog/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html
+++ b/html-websites/tykayn_blog/lang_fr/20140419185646_tkblog_53_fanart-intouchables.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html b/html-websites/tykayn_blog/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html
index a3fac717..df08cc28 100644
--- a/html-websites/tykayn_blog/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html
+++ b/html-websites/tykayn_blog/lang_fr/20140419190300_tkblog_52_compte-rendu-du-festival-siana.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -251,3 +647,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html b/html-websites/tykayn_blog/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html
index 69062511..665ce965 100644
--- a/html-websites/tykayn_blog/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html
+++ b/html-websites/tykayn_blog/lang_fr/20140420112236_tkblog_51_supportez-le-tykayn-blog.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140426172525_tkblog_50_le-binaire.html b/html-websites/tykayn_blog/lang_fr/20140426172525_tkblog_50_le-binaire.html
index fa97398c..75298781 100644
--- a/html-websites/tykayn_blog/lang_fr/20140426172525_tkblog_50_le-binaire.html
+++ b/html-websites/tykayn_blog/lang_fr/20140426172525_tkblog_50_le-binaire.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html b/html-websites/tykayn_blog/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html
index 2a816fe0..29c92f05 100644
--- a/html-websites/tykayn_blog/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html
+++ b/html-websites/tykayn_blog/lang_fr/20140607200826_tkblog_49_portal-2-fanart.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -204,3 +600,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html b/html-websites/tykayn_blog/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html
index 1960a989..b0b77ea3 100644
--- a/html-websites/tykayn_blog/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html
+++ b/html-websites/tykayn_blog/lang_fr/20140713223105_tkblog_48_interlude-post-japan-expo.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -195,3 +591,10 @@ href="id:dece5856-41a3-4adf-b1fd-496c28369ae4">japan-expo</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html b/html-websites/tykayn_blog/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html
index 672b1564..6d222d71 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729140638_tkblog_47_les-vibrations-d-une-machine-laver.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html b/html-websites/tykayn_blog/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html
index 5c1e7af4..333e3544 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729141454_tkblog_46_l-rotisme-est-dans-l-oeil-du-lecteur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -207,3 +603,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html b/html-websites/tykayn_blog/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html
index c326d539..0ebefcc6 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729141624_tkblog_45_un-yuri-de-bisou-sur-l-paule.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html b/html-websites/tykayn_blog/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html
index d67b97a8..84156f82 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729141743_tkblog_44_celle-qui-aimait-la-fourrure.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html b/html-websites/tykayn_blog/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html
index 31b9ef77..47ebbdd7 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729141900_tkblog_43_le-mariage-geisha.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html b/html-websites/tykayn_blog/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html
index 75e0e651..3b2bbfe7 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729142000_tkblog_42_fornication-avec-une-carpette.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html b/html-websites/tykayn_blog/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html
index 304b1a49..310da67c 100644
--- a/html-websites/tykayn_blog/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html
+++ b/html-websites/tykayn_blog/lang_fr/20140729143004_tkblog_41_rsultats-de-sondages-sur-la-masturbation.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -277,3 +673,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140813121719_tkblog_40_philo-gears.html b/html-websites/tykayn_blog/lang_fr/20140813121719_tkblog_40_philo-gears.html
index 9907a4eb..cd443c1a 100644
--- a/html-websites/tykayn_blog/lang_fr/20140813121719_tkblog_40_philo-gears.html
+++ b/html-websites/tykayn_blog/lang_fr/20140813121719_tkblog_40_philo-gears.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html b/html-websites/tykayn_blog/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html
index 83303f80..29dfd490 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919130237_tkblog_39_pinces-d-affiche.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html b/html-websites/tykayn_blog/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html
index d57136c8..017d6e24 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919130802_tkblog_38_la-rvolution-des-cheveux.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html b/html-websites/tykayn_blog/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html
index febc5e34..ebf8322c 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919132156_tkblog_37_des-rves-et-des-tiroirs.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -210,3 +606,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919133751_tkblog_36_tropique-noir.html b/html-websites/tykayn_blog/lang_fr/20140919133751_tkblog_36_tropique-noir.html
index 6193dbf1..cc0fcff3 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919133751_tkblog_36_tropique-noir.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919133751_tkblog_36_tropique-noir.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -302,3 +698,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html b/html-websites/tykayn_blog/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html
index 6c93141d..022e231d 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919143810_tkblog_35_27-ans-de-folies.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html b/html-websites/tykayn_blog/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html
index 525b8f87..de77d6e0 100644
--- a/html-websites/tykayn_blog/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html
+++ b/html-websites/tykayn_blog/lang_fr/20140919145739_tkblog_34_salet-de-standards-esthtiques.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html b/html-websites/tykayn_blog/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html
index 20bec4f6..647ff752 100644
--- a/html-websites/tykayn_blog/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html
+++ b/html-websites/tykayn_blog/lang_fr/20140922102307_tkblog_33_rose-au-coeur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -198,3 +594,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141011110752_tkblog_32_talon-d-achile.html b/html-websites/tykayn_blog/lang_fr/20141011110752_tkblog_32_talon-d-achile.html
index 81724921..9b1119bc 100644
--- a/html-websites/tykayn_blog/lang_fr/20141011110752_tkblog_32_talon-d-achile.html
+++ b/html-websites/tykayn_blog/lang_fr/20141011110752_tkblog_32_talon-d-achile.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html b/html-websites/tykayn_blog/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html
index 5a6cfae2..392a365a 100644
--- a/html-websites/tykayn_blog/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html
+++ b/html-websites/tykayn_blog/lang_fr/20141105165643_tkblog_31_oh-je-suis-dsol.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html b/html-websites/tykayn_blog/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html
index 08bbac81..c1d3e600 100644
--- a/html-websites/tykayn_blog/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html
+++ b/html-websites/tykayn_blog/lang_fr/20141125194227_tkblog_30_les-conventions-bruyantes.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html b/html-websites/tykayn_blog/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html
index 1194c031..8993d871 100644
--- a/html-websites/tykayn_blog/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html
+++ b/html-websites/tykayn_blog/lang_fr/20141218172824_tkblog_29_chapin-de-noel.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141219085427_tkblog_28_un-bgaiement.html b/html-websites/tykayn_blog/lang_fr/20141219085427_tkblog_28_un-bgaiement.html
index a6a250c3..6fbb77c2 100644
--- a/html-websites/tykayn_blog/lang_fr/20141219085427_tkblog_28_un-bgaiement.html
+++ b/html-websites/tykayn_blog/lang_fr/20141219085427_tkblog_28_un-bgaiement.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html b/html-websites/tykayn_blog/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html
index 371a5188..0c32c321 100644
--- a/html-websites/tykayn_blog/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html
+++ b/html-websites/tykayn_blog/lang_fr/20141219120250_tkblog_27_recrutement-au-remix-job-days.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -200,3 +596,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html b/html-websites/tykayn_blog/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html
index 048677a2..dcf9c929 100644
--- a/html-websites/tykayn_blog/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html
+++ b/html-websites/tykayn_blog/lang_fr/20141219120507_tkblog_26_quelques-conneries-2.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html b/html-websites/tykayn_blog/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html
index 814604ba..c81b168f 100644
--- a/html-websites/tykayn_blog/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html
+++ b/html-websites/tykayn_blog/lang_fr/20141219125646_tkblog_25_histoire-de-l-art.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html b/html-websites/tykayn_blog/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html
index abdfb323..1633905a 100644
--- a/html-websites/tykayn_blog/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html
+++ b/html-websites/tykayn_blog/lang_fr/20141226110134_tkblog_24_l-expo-25-ans-de-ghibli-au-muse-art-ludique.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -211,3 +607,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html b/html-websites/tykayn_blog/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html
index af8c123f..2f2f0175 100644
--- a/html-websites/tykayn_blog/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html
+++ b/html-websites/tykayn_blog/lang_fr/20150211115823_tkblog_23_des-strips-pour-whatznext.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -224,3 +620,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html b/html-websites/tykayn_blog/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html
index 2ec42221..ca529d30 100644
--- a/html-websites/tykayn_blog/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html
+++ b/html-websites/tykayn_blog/lang_fr/20150302175724_tkblog_22_une-nana-qui-n-a-pas-froid.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html b/html-websites/tykayn_blog/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html
index 63626f8f..a4252cbd 100644
--- a/html-websites/tykayn_blog/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html
+++ b/html-websites/tykayn_blog/lang_fr/20150502171226_tkblog_20_1er-mai-muguet.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html b/html-websites/tykayn_blog/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html
index ce2d535e..c3fb6e56 100644
--- a/html-websites/tykayn_blog/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html
+++ b/html-websites/tykayn_blog/lang_fr/20150712100548_tkblog_19_coucou-les-ptis-lapin.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20150808174137_tkblog_18_retour-de-venise.html b/html-websites/tykayn_blog/lang_fr/20150808174137_tkblog_18_retour-de-venise.html
index bb5e713a..7544a659 100644
--- a/html-websites/tykayn_blog/lang_fr/20150808174137_tkblog_18_retour-de-venise.html
+++ b/html-websites/tykayn_blog/lang_fr/20150808174137_tkblog_18_retour-de-venise.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -222,3 +618,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151013193532_tkblog_17_inktober-4.html b/html-websites/tykayn_blog/lang_fr/20151013193532_tkblog_17_inktober-4.html
index b46a97f1..1f3de7e7 100644
--- a/html-websites/tykayn_blog/lang_fr/20151013193532_tkblog_17_inktober-4.html
+++ b/html-websites/tykayn_blog/lang_fr/20151013193532_tkblog_17_inktober-4.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151013210406_tkblog_16_inktober-5.html b/html-websites/tykayn_blog/lang_fr/20151013210406_tkblog_16_inktober-5.html
index 51562917..1141cc65 100644
--- a/html-websites/tykayn_blog/lang_fr/20151013210406_tkblog_16_inktober-5.html
+++ b/html-websites/tykayn_blog/lang_fr/20151013210406_tkblog_16_inktober-5.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -190,3 +586,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html b/html-websites/tykayn_blog/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html
index 502f27fb..9031bc67 100644
--- a/html-websites/tykayn_blog/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html
+++ b/html-websites/tykayn_blog/lang_fr/20151022194732_tkblog_15_omnomnomnom-du-15e.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -216,3 +612,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html b/html-websites/tykayn_blog/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html
index ee61bbbd..3f8f10d3 100644
--- a/html-websites/tykayn_blog/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html
+++ b/html-websites/tykayn_blog/lang_fr/20151022202008_tkblog_14_elle-dcouvre-une-chose-simple-pour-mettre-de-la-joie-dans-son-quotidien-dcouvrez-comment.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -199,3 +595,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html b/html-websites/tykayn_blog/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html
index b9ed7901..42253118 100644
--- a/html-websites/tykayn_blog/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html
+++ b/html-websites/tykayn_blog/lang_fr/20151024080403_tkblog_13_yuri-la-fentre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -189,3 +585,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html b/html-websites/tykayn_blog/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html
index bafc464b..ff3e07f9 100644
--- a/html-websites/tykayn_blog/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html
+++ b/html-websites/tykayn_blog/lang_fr/20151029103735_tkblog_12_sculptons-la-pierre.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -191,3 +587,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html b/html-websites/tykayn_blog/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html
index 115ab099..fb38bd92 100644
--- a/html-websites/tykayn_blog/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html
+++ b/html-websites/tykayn_blog/lang_fr/20151030111905_tkblog_11_yuri-et-boobies.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -192,3 +588,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html b/html-websites/tykayn_blog/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html
index b4e62b35..12bf6803 100644
--- a/html-websites/tykayn_blog/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html
+++ b/html-websites/tykayn_blog/lang_fr/20151118110014_tkblog_10_amazone-de-confort.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -194,3 +590,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151118120933_tkblog_9_banana-woman.html b/html-websites/tykayn_blog/lang_fr/20151118120933_tkblog_9_banana-woman.html
index 022c7fbd..dc3b3b99 100644
--- a/html-websites/tykayn_blog/lang_fr/20151118120933_tkblog_9_banana-woman.html
+++ b/html-websites/tykayn_blog/lang_fr/20151118120933_tkblog_9_banana-woman.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -197,3 +593,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html b/html-websites/tykayn_blog/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html
index d2407cc0..a1bbac47 100644
--- a/html-websites/tykayn_blog/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html
+++ b/html-websites/tykayn_blog/lang_fr/20151122204254_tkblog_8_une-rousse-une-langue.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -201,3 +597,10 @@ blog</a></li>
 <p><a href="id:437dfead-3236-4f56-8520-a68171ff956f">qzine</a></p>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html b/html-websites/tykayn_blog/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html
index 33c27f50..ba92483a 100644
--- a/html-websites/tykayn_blog/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html
+++ b/html-websites/tykayn_blog/lang_fr/20151204140259_tkblog_7_la-dcouverte-du-clitoris-en-couleur.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -196,3 +592,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html b/html-websites/tykayn_blog/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html
index 4319ef83..0f00d1c7 100644
--- a/html-websites/tykayn_blog/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html
+++ b/html-websites/tykayn_blog/lang_fr/20151210091715_tkblog_6_pas-pas-de-l-illu-de-sapin-qzine.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -209,3 +605,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html b/html-websites/tykayn_blog/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html
index 9f3f77f4..65695f9a 100644
--- a/html-websites/tykayn_blog/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html
+++ b/html-websites/tykayn_blog/lang_fr/20160716133439_tkblog_5_bossez-avec-de-la-haute-dfinition.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -291,3 +687,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20160724144354_tkblog_4_formule-de-compta.html b/html-websites/tykayn_blog/lang_fr/20160724144354_tkblog_4_formule-de-compta.html
index b0007cc2..49a8359b 100644
--- a/html-websites/tykayn_blog/lang_fr/20160724144354_tkblog_4_formule-de-compta.html
+++ b/html-websites/tykayn_blog/lang_fr/20160724144354_tkblog_4_formule-de-compta.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -203,3 +599,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20160726085509_tkblog_3_pitanime-2013.html b/html-websites/tykayn_blog/lang_fr/20160726085509_tkblog_3_pitanime-2013.html
index caae21d2..a73cf8fd 100644
--- a/html-websites/tykayn_blog/lang_fr/20160726085509_tkblog_3_pitanime-2013.html
+++ b/html-websites/tykayn_blog/lang_fr/20160726085509_tkblog_3_pitanime-2013.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -269,3 +665,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file
diff --git a/html-websites/tykayn_blog/lang_fr/20200718145450_tkblog_997_.html b/html-websites/tykayn_blog/lang_fr/20200718145450_tkblog_997_.html
index 09a39394..9d091a6b 100644
--- a/html-websites/tykayn_blog/lang_fr/20200718145450_tkblog_997_.html
+++ b/html-websites/tykayn_blog/lang_fr/20200718145450_tkblog_997_.html
@@ -1,4 +1,400 @@
 <!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
+<html lang="fr">
+<head>
+<meta charset="UTF-8">
+<title>tykayn_blog</title>
+<style type='text/css'>* {
+  box-sizing: border-box;
+  margin: 0;
+  padding: 0;
+}
+
+body {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  text-align: left;
+  margin: 0 auto;
+  font-size: 1.5rem;
+  line-height: 1.5em;
+  max-width: 60ch;
+  color: #000;
+  background: #fff;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  font-family: Helvetica, "Ubuntu Sans", "Noto Sans", Calibri, Arial, sans-serif;
+  margin-top: 1em;
+  margin-bottom: 2rem;
+  color: #333;
+}
+
+/* 1. Use a more-intuitive box-sizing model */
+*,
+*::before,
+*::after {
+  box-sizing: border-box;
+}
+
+body {
+  /* Improve text rendering */
+  -webkit-font-smoothing: antialiased;
+}
+
+/*  Improve media defaults */
+img,
+picture,
+video,
+canvas,
+svg {
+  display: block;
+  width: 100%;
+  margin-top: 1rem;
+  margin-bottom: 1rem;
+  max-width: 100%;
+}
+
+/* Inherit fonts for form controls */
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+/* Avoid text overflows */
+p,
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  overflow-wrap: break-word;
+}
+
+/* Improve line wrapping */
+p {
+  text-wrap: pretty;
+  margin-top: 1.5rem;
+  margin-bottom: 1rem;
+}
+h1 {
+  font-size: 3.5rem;
+}
+
+h2 {
+  font-size: 2rem;
+}
+
+h3 {
+  font-size: 1.5rem;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+  text-wrap: balance;
+  line-height: 1.3em;
+}
+
+#root,
+#__next {
+  isolation: isolate;
+}
+
+input,
+button,
+textarea,
+select {
+  font: inherit;
+}
+
+ul {
+  padding-left: 4ch;
+  padding-right: 4ch;
+}
+li {
+  margin-bottom: 1em;
+}
+@media (max-width: 20rem) {
+  body {
+    padding: 1rem;
+  }
+}
+</style></head>
+<body>
+<a href='/'>Retour à l'Accueil</a><hr/><!DOCTYPE html>
 <html xmlns="http://www.w3.org/1999/xhtml" lang="" xml:lang="">
 <head>
   <meta charset="utf-8" />
@@ -231,3 +627,10 @@ blog</a></li>
 </ul>
 </body>
 </html>
+
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
+<footer><hr/><a href='/'>Retour à l'Accueil</a></footer></body>
+</html>
\ No newline at end of file