{"id":63,"date":"2025-06-16T23:43:37","date_gmt":"2025-06-16T21:43:37","guid":{"rendered":"https:\/\/emilesnyersdeveloppeur.ovh\/?page_id=63"},"modified":"2025-06-17T00:20:52","modified_gmt":"2025-06-16T22:20:52","slug":"mon-cv-en-ligne","status":"publish","type":"page","link":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/mon-cv-en-ligne\/","title":{"rendered":"Mon cv en ligne"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"63\" class=\"elementor elementor-63\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fd58850 e-flex e-con-boxed e-con e-parent\" data-id=\"fd58850\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-507ff74 e-con-full e-flex e-con e-parent\" data-id=\"507ff74\" data-element_type=\"container\">\n\t\t<div class=\"elementor-element elementor-element-7536c9b e-con-full e-flex e-con e-child\" data-id=\"7536c9b\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e511f74 elementor-widget elementor-widget-text-editor\" data-id=\"e511f74\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Emile SNYERS<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a359a96 elementor-widget elementor-widget-image\" data-id=\"a359a96\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img fetchpriority=\"high\" decoding=\"async\" width=\"682\" height=\"805\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256.png\" class=\"attachment-large size-large wp-image-36\" alt=\"\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256.png 682w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256-254x300.png 254w\" sizes=\"(max-width: 682px) 100vw, 682px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-0573fe4 e-con-full e-flex e-con e-child\" data-id=\"0573fe4\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ea8dff4 elementor-widget elementor-widget-text-editor\" data-id=\"ea8dff4\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p>Je m&#8217;appelle \u00c9mile Snyers, un apprenti informaticien \ud83c\udf93 passionn\u00e9 par la programmation \ud83d\udcbb et l&#8217;univers des technologies \ud83d\udc68\ud83c\udffb\u200d\ud83d\udcbb. \ud83c\udf10\u2728\ud83d\udee0<br \/>\u00a0Je travaille actuellement pour Kellal Maintenance \ud83c\udfe2, une entreprise fran\u00e7aise \ud83c\uddeb\ud83c\uddf7 sp\u00e9cialis\u00e9e dans la maintenance des centrales nucl\u00e9aires \ud83d\udd27.<br \/>Ma mission principale est ambitieuse \ud83d\ude80 : moderniser les proc\u00e9dures manuelles \ud83d\udcdc en d\u00e9ployant un nouveau logiciel appel\u00e9 TeePee \ud83c\udfd5.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fe467bc elementor-widget elementor-widget-spacer\" data-id=\"fe467bc\" data-element_type=\"widget\" data-widget_type=\"spacer.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-spacer\">\n\t\t\t<div class=\"elementor-spacer-inner\"><\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-ac86134 e-flex e-con-boxed e-con e-parent\" data-id=\"ac86134\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-bbfbe63 e-n-tabs-mobile elementor-widget elementor-widget-n-tabs\" data-id=\"bbfbe63\" data-element_type=\"widget\" data-settings=\"{&quot;horizontal_scroll&quot;:&quot;disable&quot;}\" data-widget_type=\"nested-tabs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-n-tabs\" data-widget-number=\"197115491\" aria-label=\"Tabs. Open items with Enter or Space, close with Escape and navigate using the Arrow keys.\">\n\t\t\t<div class=\"e-n-tabs-heading\" role=\"tablist\">\n\t\t\t\t\t<button id=\"e-n-tab-title-1971154911\" class=\"e-n-tab-title\" aria-selected=\"true\" data-tab-index=\"1\" role=\"tab\" tabindex=\"0\" aria-controls=\"e-n-tab-content-1971154911\" style=\"--n-tabs-title-order: 1;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-grin\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm105.6-151.4c-25.9 8.3-64.4 13.1-105.6 13.1s-79.6-4.8-105.6-13.1c-9.9-3.1-19.4 5.4-17.7 15.3 7.9 47.1 71.3 80 123.3 80s115.3-32.9 123.3-80c1.6-9.8-7.7-18.4-17.7-15.3zM168 240c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-grin\" viewBox=\"0 0 496 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M248 8C111 8 0 119 0 256s111 248 248 248 248-111 248-248S385 8 248 8zm0 448c-110.3 0-200-89.7-200-200S137.7 56 248 56s200 89.7 200 200-89.7 200-200 200zm105.6-151.4c-25.9 8.3-64.4 13.1-105.6 13.1s-79.6-4.8-105.6-13.1c-9.9-3.1-19.4 5.4-17.7 15.3 7.9 47.1 71.3 80 123.3 80s115.3-32.9 123.3-80c1.6-9.8-7.7-18.4-17.7-15.3zM168 240c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32zm160 0c17.7 0 32-14.3 32-32s-14.3-32-32-32-32 14.3-32 32 14.3 32 32 32z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPlantation simple\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1971154912\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"2\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1971154912\" style=\"--n-tabs-title-order: 2;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-address-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H48V80h480v352zM208 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2zM360 320h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-address-card\" viewBox=\"0 0 576 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M528 32H48C21.5 32 0 53.5 0 80v352c0 26.5 21.5 48 48 48h480c26.5 0 48-21.5 48-48V80c0-26.5-21.5-48-48-48zm0 400H48V80h480v352zM208 256c35.3 0 64-28.7 64-64s-28.7-64-64-64-64 28.7-64 64 28.7 64 64 64zm-89.6 128h179.2c12.4 0 22.4-8.6 22.4-19.2v-19.2c0-31.8-30.1-57.6-67.2-57.6-10.8 0-18.7 8-44.8 8-26.9 0-33.4-8-44.8-8-37.1 0-67.2 25.8-67.2 57.6v19.2c0 10.6 10 19.2 22.4 19.2zM360 320h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8zm0-64h112c4.4 0 8-3.6 8-8v-16c0-4.4-3.6-8-8-8H360c-4.4 0-8 3.6-8 8v16c0 4.4 3.6 8 8 8z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\tPr\u00e9sentation d\u00e9taill\u00e9e\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t<button id=\"e-n-tab-title-1971154913\" class=\"e-n-tab-title\" aria-selected=\"false\" data-tab-index=\"3\" role=\"tab\" tabindex=\"-1\" aria-controls=\"e-n-tab-content-1971154913\" style=\"--n-tabs-title-order: 3;\">\n\t\t\t\t\t<span class=\"e-n-tab-icon\">\n\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-lemon\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M484.112 27.889C455.989-.233 416.108-8.057 387.059 8.865 347.604 31.848 223.504-41.111 91.196 91.197-41.277 223.672 31.923 347.472 8.866 387.058c-16.922 29.051-9.1 68.932 19.022 97.054 28.135 28.135 68.011 35.938 97.057 19.021 39.423-22.97 163.557 49.969 295.858-82.329 132.474-132.477 59.273-256.277 82.331-295.861 16.922-29.05 9.1-68.931-19.022-97.054zm-22.405 72.894c-38.8 66.609 45.6 165.635-74.845 286.08-120.44 120.443-219.475 36.048-286.076 74.843-22.679 13.207-64.035-27.241-50.493-50.488 38.8-66.609-45.6-165.635 74.845-286.08C245.573 4.702 344.616 89.086 411.219 50.292c22.73-13.24 64.005 27.288 50.488 50.491zm-169.861 8.736c1.37 10.96-6.404 20.957-17.365 22.327-54.846 6.855-135.779 87.787-142.635 142.635-1.373 10.989-11.399 18.734-22.326 17.365-10.961-1.37-18.735-11.366-17.365-22.326 9.162-73.286 104.167-168.215 177.365-177.365 10.953-1.368 20.956 6.403 22.326 17.364z\"><\/path><\/svg>\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-far-lemon\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M484.112 27.889C455.989-.233 416.108-8.057 387.059 8.865 347.604 31.848 223.504-41.111 91.196 91.197-41.277 223.672 31.923 347.472 8.866 387.058c-16.922 29.051-9.1 68.932 19.022 97.054 28.135 28.135 68.011 35.938 97.057 19.021 39.423-22.97 163.557 49.969 295.858-82.329 132.474-132.477 59.273-256.277 82.331-295.861 16.922-29.05 9.1-68.931-19.022-97.054zm-22.405 72.894c-38.8 66.609 45.6 165.635-74.845 286.08-120.44 120.443-219.475 36.048-286.076 74.843-22.679 13.207-64.035-27.241-50.493-50.488 38.8-66.609-45.6-165.635 74.845-286.08C245.573 4.702 344.616 89.086 411.219 50.292c22.73-13.24 64.005 27.288 50.488 50.491zm-169.861 8.736c1.37 10.96-6.404 20.957-17.365 22.327-54.846 6.855-135.779 87.787-142.635 142.635-1.373 10.989-11.399 18.734-22.326 17.365-10.961-1.37-18.735-11.366-17.365-22.326 9.162-73.286 104.167-168.215 177.365-177.365 10.953-1.368 20.956 6.403 22.326 17.364z\"><\/path><\/svg>\t\t<\/span>\n\t\t\t\t\t<span class=\"e-n-tab-title-text\">\n\t\t\t\t Comp\u00e9tences\t\t\t<\/span>\n\t\t<\/button>\n\t\t\t\t\t<\/div>\n\t\t\t<div class=\"e-n-tabs-content\">\n\t\t\t\t<div id=\"e-n-tab-content-1971154911\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1971154911\" data-tab-index=\"1\" style=\"--n-tabs-title-order: 1;\" class=\"e-active elementor-element elementor-element-f6d835c e-con-full e-flex e-con e-child\" data-id=\"f6d835c\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-db685ba elementor-widget elementor-widget-text-editor\" data-id=\"db685ba\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p data-pm-slice=\"1 1 []\">Je suis \u00c9mile Snyers, informaticien chez Kellal Maintenance, une entreprise du groupe Vinci \u00c9nergies. Mon travail consiste principalement \u00e0 accompagner la digitalisation progressive du secteur nucl\u00e9aire, notamment en d\u00e9ployant TeePee, un logiciel qui simplifie les proc\u00e9dures internes et am\u00e9liore la gestion informatique pour environ 70 salari\u00e9s.<\/p><p>Curieux par nature et passionn\u00e9 par l\u2019apprentissage autonome, je participe aussi activement \u00e0 des projets b\u00e9n\u00e9voles. Par exemple, je co-anime le projet SGE avec mon fr\u00e8re, professeur d\u2019histoire-g\u00e9ographie, afin de fournir gratuitement des ressources et des outils p\u00e9dagogiques adapt\u00e9s aux \u00e9l\u00e8ves et aux enseignants du coll\u00e8ge au lyc\u00e9e.<\/p><p>Lors de ma reconversion professionnelle en informatique, j&#8217;ai r\u00e9dig\u00e9 un m\u00e9moire de 180 pages qui retrace mon parcours et mes contributions \u00e0 la digitalisation chez Kellal Maintenance. Je m&#8217;engage \u00e0 promouvoir des valeurs simples : le partage, l\u2019honn\u00eatet\u00e9, l\u2019am\u00e9lioration continue et l\u2019accessibilit\u00e9.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1971154912\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1971154912\" data-tab-index=\"2\" style=\"--n-tabs-title-order: 2;\" class=\" elementor-element elementor-element-e386775 e-con-full e-flex e-con e-child\" data-id=\"e386775\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9002583 elementor-widget elementor-widget-text-editor\" data-id=\"9002583\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p class=\"fst-italic text-muted\"><b>Note\u202f:<\/b>\u00a0Cette biographie a \u00e9t\u00e9 r\u00e9dig\u00e9e par une intelligence artificielle \ud83e\udd16, ce qui explique l&#8217;utilisation de la troisi\u00e8me personne. Il n\u2019a pas \u00e9t\u00e9 \u00e9crit par l\u2019int\u00e9ress\u00e9 lui-m\u00eame.<\/p><h6 class=\"mt-3 mb-1\"><b>1. D\u00e9buts et formation<\/b><\/h6><p>Originaire de France, \u00c9mile Snyers a commenc\u00e9 son parcours professionnel par des \u00e9tudes dans plusieurs villes \u2013 Chamb\u00e9ry, Grenoble, Caen, puis Nantes. Apr\u00e8s avoir obtenu un bac pro et un BTS et pass\u00e9 une ann\u00e9e en licence, il a d\u2019abord travaill\u00e9 comme \u00e9conomiste du b\u00e2timent, un m\u00e9tier qui lui a permis de d\u00e9velopper rigueur et sens du d\u00e9tail.<\/p><h6 class=\"mt-3 mb-1\"><b>2. Le d\u00e9clic et la r\u00e9orientation<\/b><\/h6><p>Au cours de sa premi\u00e8re exp\u00e9rience professionnelle, \u00c9mile a d\u00e9couvert l\u2019univers des outils num\u00e9riques utilis\u00e9s en entreprise. Ce contact a \u00e9t\u00e9 un vrai d\u00e9clic\u202f: il s\u2019est alors int\u00e9ress\u00e9 \u00e0 l\u2019informatique et a d\u00e9cid\u00e9 de se r\u00e9orienter. Cette transition l\u2019a amen\u00e9 \u00e0 r\u00e9aliser plusieurs stages dans le domaine informatique, notamment dans des boutiques sp\u00e9cialis\u00e9es et des infrastructures publiques.<\/p><h6 class=\"mt-3 mb-1\"><b>3. La reconversion chez Kellal Maintenance<\/b><\/h6><p>La v\u00e9ritable reconversion d\u2019\u00c9mile s\u2019est concr\u00e9tis\u00e9e lors de deux ann\u00e9es en alternance, partag\u00e9es entre l\u2019\u00e9cole IPI \u2013 qui lui a donn\u00e9 une vue d\u2019ensemble des m\u00e9tiers informatiques \u2013 et l\u2019entreprise\u00a0<b>Kellal Maintenance<\/b>, sp\u00e9cialiste de la maintenance nucl\u00e9aire en France.<\/p><p>C\u2019est au sein de Kellal Maintenance qu\u2019il a d\u00e9couvert la gestion de projets num\u00e9riques, notamment \u00e0 travers la digitalisation des proc\u00e9dures et la mise en place du logiciel\u00a0<b>TeePee<\/b>, un outil no-code d\u00e9di\u00e9 \u00e0 la gestion et \u00e0 la d\u00e9mat\u00e9rialisation des processus internes. Ce projet a marqu\u00e9 une \u00e9tape d\u00e9cisive, lui permettant de se sp\u00e9cialiser dans la gestion informatique et de s\u2019investir pleinement dans l\u2019am\u00e9lioration des pratiques de l\u2019entreprise.<\/p><h6 class=\"mt-3 mb-1\"><b>4. Passion, engagement et avenir<\/b><\/h6><p>Au fil de ces ann\u00e9es d\u2019apprentissage et d\u2019implication, \u00c9mile Snyers a r\u00e9dig\u00e9 un m\u00e9moire de pr\u00e8s de 180 pages retra\u00e7ant ses projets et son \u00e9volution. Il a ainsi pu approfondir ses connaissances, tout en confirmant sa passion pour l\u2019informatique et la digitalisation au service des entreprises.<\/p><p>Trois ans apr\u00e8s avoir d\u00e9cid\u00e9 de se r\u00e9orienter, il d\u00e9bute aujourd\u2019hui une nouvelle \u00e9tape de sa carri\u00e8re en CDI chez Kellal Maintenance, o\u00f9 il continue d\u2019apprendre, de se perfectionner et de contribuer, \u00e0 son niveau, \u00e0 la modernisation des outils num\u00e9riques.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div id=\"e-n-tab-content-1971154913\" role=\"tabpanel\" aria-labelledby=\"e-n-tab-title-1971154913\" data-tab-index=\"3\" style=\"--n-tabs-title-order: 3;\" class=\" elementor-element elementor-element-cde60db e-con-full e-flex e-con e-child\" data-id=\"cde60db\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-d0dabb6 elementor-widget elementor-widget-text-editor\" data-id=\"d0dabb6\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<ul><li>Gestion et inventaire de parc informatique (TeePee, Excel, Word)<\/li><li>D\u00e9veloppement web (HTML, CSS, JavaScript, PHP, API REST, WordPress)<\/li><li>Cr\u00e9ation de guides et documentations techniques<\/li><li>Cybers\u00e9curit\u00e9 de base et sensibilisation (certificats, RGPD, bonnes pratiques)<\/li><li>Communication &amp; p\u00e9dagogie num\u00e9rique<\/li><li>Utilisation d&#8217;outils de digitalisation<\/li><li>R\u00e9paration d&#8217;ordinateur portable ou fixe<\/li><li>Gestion du parc informatique :<br \/>&#8211; gestion des stocks et inventaire<br \/>&#8211; r\u00e9ception des colis<br \/>&#8211; recyclage du mat\u00e9riel hors garantie<\/li><li>Fournir une assistance de premier niveau aux utilisateurs.<\/li><li>Mise en place et installation d&#8217;\u00e9quipements<br \/>&#8211; T\u00e9l\u00e9phone avec protection d&#8217;\u00e9cran, coque et applications du portail professionnel de Microsoft install\u00e9es<br \/>&#8211; Tablette de chantier avec coque et applications du portail professionnel de Microsoft install\u00e9es.<\/li><li>R\u00e9daction de documentation<\/li><\/ul>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-02c6137 e-flex e-con-boxed e-con e-parent\" data-id=\"02c6137\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19b55d6 elementor-widget__width-initial elementor-widget elementor-widget-html\" data-id=\"19b55d6\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"fr\">\r\n<head>\r\n    <meta charset=\"UTF-8\">\r\n    <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n    <title>Syst\u00e8me \u00c9ducatif Interactif - Emile SNYERS<\/title>\r\n    <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.4.0\/css\/all.min.css\">\r\n    <style>\r\n        :root {\r\n            --primary-color: #667eea;\r\n            --secondary-color: #764ba2;\r\n            --accent-color: #f093fb;\r\n            --success-color: #4ecdc4;\r\n            --warning-color: #ffecd2;\r\n            --danger-color: #fc466b;\r\n            --dark-color: #2c3e50;\r\n            --light-color: #ecf0f1;\r\n            --gradient-main: linear-gradient(135deg, var(--primary-color), var(--secondary-color));\r\n            --gradient-accent: linear-gradient(135deg, var(--accent-color), var(--success-color));\r\n            --shadow-main: 0 15px 35px rgba(0, 0, 0, 0.1);\r\n            --shadow-hover: 0 25px 50px rgba(0, 0, 0, 0.2);\r\n            --border-radius: 20px;\r\n            --transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n        }\r\n\r\n        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        body {\r\n            font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\r\n            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n\r\n        .container {\r\n            max-width: 1400px;\r\n            margin: 0 auto;\r\n            background: rgba(255, 255, 255, 0.95);\r\n            backdrop-filter: blur(20px);\r\n            border-radius: var(--border-radius);\r\n            box-shadow: var(--shadow-main);\r\n            overflow: hidden;\r\n            animation: fadeInUp 1s ease-out;\r\n        }\r\n\r\n        .header {\r\n            background: var(--gradient-main);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 40px 20px;\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .header::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: -50%;\r\n            left: -50%;\r\n            width: 200%;\r\n            height: 200%;\r\n            background: radial-gradient(circle, rgba(255,255,255,0.1) 0%, transparent 70%);\r\n            animation: rotate 20s linear infinite;\r\n        }\r\n\r\n        .header-content {\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n\r\n        .header h1 {\r\n            font-size: 3rem;\r\n            font-weight: 700;\r\n            margin-bottom: 10px;\r\n            text-shadow: 2px 2px 4px rgba(0,0,0,0.3);\r\n            animation: slideInDown 1s ease-out 0.5s both;\r\n        }\r\n\r\n        .header p {\r\n            font-size: 1.3rem;\r\n            opacity: 0.9;\r\n            animation: slideInUp 1s ease-out 0.7s both;\r\n        }\r\n\r\n        .stats-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\r\n            gap: 20px;\r\n            padding: 30px;\r\n            background: var(--light-color);\r\n        }\r\n\r\n        .stat-card {\r\n            background: white;\r\n            padding: 25px;\r\n            border-radius: 15px;\r\n            text-align: center;\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.1);\r\n            transition: var(--transition);\r\n            position: relative;\r\n            overflow: hidden;\r\n        }\r\n\r\n        .stat-card::before {\r\n            content: '';\r\n            position: absolute;\r\n            top: 0;\r\n            left: -100%;\r\n            width: 100%;\r\n            height: 100%;\r\n            background: var(--gradient-accent);\r\n            transition: var(--transition);\r\n            z-index: 1;\r\n        }\r\n\r\n        .stat-card:hover::before {\r\n            left: 0;\r\n        }\r\n\r\n        .stat-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: var(--shadow-hover);\r\n        }\r\n\r\n        .stat-card > * {\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .stat-card:hover > * {\r\n            color: white;\r\n        }\r\n\r\n        .stat-icon {\r\n            font-size: 2.5rem;\r\n            margin-bottom: 15px;\r\n            color: var(--primary-color);\r\n        }\r\n\r\n        .stat-number {\r\n            font-size: 2rem;\r\n            font-weight: bold;\r\n            color: var(--dark-color);\r\n            display: block;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .stat-label {\r\n            font-size: 0.9rem;\r\n            color: #666;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .table-container {\r\n            padding: 40px;\r\n            overflow-x: auto;\r\n        }\r\n\r\n        .project-table {\r\n            width: 100%;\r\n            border-collapse: separate;\r\n            border-spacing: 0;\r\n            background: white;\r\n            border-radius: var(--border-radius);\r\n            overflow: hidden;\r\n            box-shadow: var(--shadow-main);\r\n            animation: slideInUp 1s ease-out 1s both;\r\n        }\r\n\r\n        .project-table thead {\r\n            background: var(--gradient-main);\r\n            color: white;\r\n        }\r\n\r\n        .project-table th {\r\n            padding: 20px 15px;\r\n            text-align: left;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            position: relative;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n        }\r\n\r\n        .project-table th:first-child {\r\n            border-top-left-radius: var(--border-radius);\r\n        }\r\n\r\n        .project-table th:last-child {\r\n            border-top-right-radius: var(--border-radius);\r\n        }\r\n\r\n        .project-table tbody tr {\r\n            transition: var(--transition);\r\n            position: relative;\r\n        }\r\n\r\n        .project-table tbody tr::before {\r\n            content: '';\r\n            position: absolute;\r\n            left: 0;\r\n            top: 0;\r\n            height: 100%;\r\n            width: 0;\r\n            background: var(--gradient-accent);\r\n            transition: var(--transition);\r\n            z-index: 1;\r\n        }\r\n\r\n        .project-table tbody tr:hover::before {\r\n            width: 100%;\r\n        }\r\n\r\n        .project-table tbody tr:hover {\r\n            transform: scale(1.02);\r\n            box-shadow: 0 10px 30px rgba(0,0,0,0.15);\r\n        }\r\n\r\n        .project-table td {\r\n            padding: 20px 15px;\r\n            border-bottom: 1px solid #eee;\r\n            position: relative;\r\n            z-index: 2;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .project-table tbody tr:hover td {\r\n            color: white;\r\n            border-bottom-color: rgba(255,255,255,0.2);\r\n        }\r\n\r\n        .feature-icon {\r\n            font-size: 1.5rem;\r\n            margin-right: 10px;\r\n            color: var(--primary-color);\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .project-table tbody tr:hover .feature-icon {\r\n            color: white;\r\n            transform: scale(1.2) rotate(360deg);\r\n        }\r\n\r\n        .feature-name {\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            margin-bottom: 5px;\r\n        }\r\n\r\n        .feature-description {\r\n            color: #666;\r\n            font-size: 0.9rem;\r\n            line-height: 1.4;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .project-table tbody tr:hover .feature-description {\r\n            color: rgba(255,255,255,0.9);\r\n        }\r\n\r\n        .status-badge {\r\n            padding: 6px 12px;\r\n            border-radius: 20px;\r\n            font-size: 0.8rem;\r\n            font-weight: 600;\r\n            text-transform: uppercase;\r\n            letter-spacing: 1px;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .status-operational {\r\n            background: rgba(76, 217, 100, 0.2);\r\n            color: #4cd964;\r\n        }\r\n\r\n        .status-beta {\r\n            background: rgba(255, 204, 0, 0.2);\r\n            color: #ffcc00;\r\n        }\r\n\r\n        .status-development {\r\n            background: rgba(52, 199, 89, 0.2);\r\n            color: #34c759;\r\n        }\r\n\r\n        .project-table tbody tr:hover .status-badge {\r\n            background: rgba(255,255,255,0.2);\r\n            color: white;\r\n            transform: scale(1.1);\r\n        }\r\n\r\n        .compatibility-icons {\r\n            display: flex;\r\n            gap: 8px;\r\n            flex-wrap: wrap;\r\n        }\r\n\r\n        .compatibility-icon {\r\n            width: 30px;\r\n            height: 30px;\r\n            border-radius: 8px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            font-size: 1rem;\r\n            color: white;\r\n            transition: var(--transition);\r\n        }\r\n\r\n        .icon-desktop { background: #3498db; }\r\n        .icon-mobile { background: #e74c3c; }\r\n        .icon-tablet { background: #9b59b6; }\r\n        .icon-accessibility { background: #27ae60; }\r\n\r\n        .project-table tbody tr:hover .compatibility-icon {\r\n            transform: scale(1.2) rotate(5deg);\r\n            box-shadow: 0 5px 15px rgba(0,0,0,0.3);\r\n        }\r\n\r\n        .cta-section {\r\n            background: var(--gradient-main);\r\n            color: white;\r\n            text-align: center;\r\n            padding: 50px 30px;\r\n        }\r\n\r\n        .cta-button {\r\n            display: inline-block;\r\n            background: white;\r\n            color: var(--primary-color);\r\n            padding: 15px 30px;\r\n            border-radius: 50px;\r\n            text-decoration: none;\r\n            font-weight: 600;\r\n            font-size: 1.1rem;\r\n            margin: 20px 10px 0;\r\n            transition: var(--transition);\r\n            box-shadow: 0 8px 25px rgba(0,0,0,0.2);\r\n        }\r\n\r\n        .cta-button:hover {\r\n            transform: translateY(-5px) scale(1.05);\r\n            box-shadow: 0 15px 35px rgba(0,0,0,0.3);\r\n            color: var(--secondary-color);\r\n        }\r\n\r\n        \/* Animations *\/\r\n        @keyframes fadeInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInDown {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(-30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes slideInUp {\r\n            from {\r\n                opacity: 0;\r\n                transform: translateY(30px);\r\n            }\r\n            to {\r\n                opacity: 1;\r\n                transform: translateY(0);\r\n            }\r\n        }\r\n\r\n        @keyframes rotate {\r\n            from { transform: rotate(0deg); }\r\n            to { transform: rotate(360deg); }\r\n        }\r\n\r\n        @keyframes pulse {\r\n            0%, 100% { transform: scale(1); }\r\n            50% { transform: scale(1.05); }\r\n        }\r\n\r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .header h1 {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .header p {\r\n                font-size: 1rem;\r\n            }\r\n            \r\n            .table-container {\r\n                padding: 20px;\r\n            }\r\n            \r\n            .project-table {\r\n                font-size: 0.9rem;\r\n            }\r\n            \r\n            .project-table th,\r\n            .project-table td {\r\n                padding: 15px 10px;\r\n            }\r\n            \r\n            .stats-grid {\r\n                grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\r\n                gap: 15px;\r\n                padding: 20px;\r\n            }\r\n        }\r\n\r\n        \/* Animation d'apparition s\u00e9quentielle pour les lignes du tableau *\/\r\n        .project-table tbody tr {\r\n            opacity: 0;\r\n            animation: fadeInUp 0.6s ease-out forwards;\r\n        }\r\n\r\n        .project-table tbody tr:nth-child(1) { animation-delay: 1.2s; }\r\n        .project-table tbody tr:nth-child(2) { animation-delay: 1.4s; }\r\n        .project-table tbody tr:nth-child(3) { animation-delay: 1.6s; }\r\n        .project-table tbody tr:nth-child(4) { animation-delay: 1.8s; }\r\n        .project-table tbody tr:nth-child(5) { animation-delay: 2.0s; }\r\n        .project-table tbody tr:nth-child(6) { animation-delay: 2.2s; }\r\n        .project-table tbody tr:nth-child(7) { animation-delay: 2.4s; }\r\n        .project-table tbody tr:nth-child(8) { animation-delay: 2.6s; }\r\n\r\n        \/* Effet de particules sur le header *\/\r\n        .particles {\r\n            position: absolute;\r\n            top: 0;\r\n            left: 0;\r\n            width: 100%;\r\n            height: 100%;\r\n            overflow: hidden;\r\n            z-index: 1;\r\n        }\r\n\r\n        .particle {\r\n            position: absolute;\r\n            background: rgba(255,255,255,0.3);\r\n            border-radius: 50%;\r\n            animation: float 6s ease-in-out infinite;\r\n        }\r\n\r\n        @keyframes float {\r\n            0%, 100% { transform: translateY(0) rotate(0deg); opacity: 1; }\r\n            50% { transform: translateY(-20px) rotate(180deg); opacity: 0.7; }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n<div class=\"container\">\r\n    <!-- Header avec titre et description -->\r\n    <div class=\"header\">\r\n        <div class=\"particles\"><\/div>\r\n        <div class=\"header-content\">\r\n            <h1><i class=\"fas fa-user-cog\"><\/i> \u00c9mile Snyers - Informaticien et D\u00e9veloppeur Web<\/h1>\r\n            <p>Passionn\u00e9 par la cr\u00e9ation de sites, de simulations et de projets open-source.<\/p>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Statistiques en grille -->\r\n    <div class=\"stats-grid\">\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-code\"><\/i><\/div>\r\n            <span class=\"stat-number\">5+<\/span>\r\n            <div class=\"stat-label\">Projets termin\u00e9s<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-globe\"><\/i><\/div>\r\n            <span class=\"stat-number\">10+<\/span>\r\n            <div class=\"stat-label\">Site Web termin\u00e9s<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-robot\"><\/i><\/div>\r\n            <span class=\"stat-number\">1<\/span>\r\n            <div class=\"stat-label\">Simulation<\/div>\r\n        <\/div>\r\n        <div class=\"stat-card\">\r\n            <div class=\"stat-icon\"><i class=\"fas fa-tools\"><\/i><\/div>\r\n            <span class=\"stat-number\">7<\/span>\r\n            <div class=\"stat-label\">Outils r\u00e9alis\u00e9s<\/div>\r\n        <\/div>\r\n    <\/div>\r\n\r\n    <!-- Tableau principal des projets -->\r\n    <div class=\"table-container\">\r\n        <table class=\"project-table\">\r\n            <thead>\r\n                <tr>\r\n                    <th><i class=\"fas fa-project-diagram\"><\/i> Projet<\/th>\r\n                    <th><i class=\"fas fa-info-circle\"><\/i> Description<\/th>\r\n                    <th><i class=\"fas fa-check-circle\"><\/i> Statut<\/th>\r\n                    <th><i class=\"fas fa-tasks\"><\/i> \u00c9tat d'avancement<\/th>\r\n                    <th><i class=\"fas fa-external-link-alt\"><\/i> En ligne<\/th>\r\n                <\/tr>\r\n            <\/thead>\r\n            <tbody>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-water feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">SPOT \u2013 Simulation Tuyaux<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Simulation interactive de r\u00e9seaux de tuyaux pour visualiser la circulation de l\u2019eau \ud83d\udca7. POC avec export CSV\/JSON et interface ludique.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <a href=\"https:\/\/eas.ovh\/\" target=\"_blank\">Voir SPOT<\/a>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-cloud feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">Site m\u00e9t\u00e9o<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Plateforme m\u00e9t\u00e9o avec API pour plus de 150 villes : temp\u00e9rature, vent, humidit\u00e9, lever\/coucher de soleil.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <a href=\"https:\/\/emilesnyersmeteo.ovh\/\" target=\"_blank\">Voir le site<\/a>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-chalkboard-teacher feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">Site Histoire\u2011G\u00e9o-EMC<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Plateformes p\u00e9dagogiques : QCM, frises, gamification, con\u00e7ues avec des enseignants, utilis\u00e9es en milieu scolaire.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <span>En ligne<\/span>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-server feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">GLPI sur OVH<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Installation et configuration de GLPI pour la gestion d\u2019un parc d\u2019ordinateurs sur serveur OVH.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <a href=\"https:\/\/glpi.emilesnyersipi.ovh\/\" target=\"_blank\">Voir le site<\/a>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-desktop feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">Clone Windows\u202f95<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Reproduction front-end de Windows\u202f95 (menus, fen\u00eatres) en HTML\/CSS.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <span>En cours<\/span>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-book feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">Notes Obsidian \/ My Garden<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Publication de mes notes de cours via Obsidian, h\u00e9berg\u00e9es sur My Garden (git\/GitHub).\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-operational\">Op\u00e9rationnel<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <a href=\"https:\/\/www.emilesnyersipi.ovh\/\" target=\"_blank\">Voir le site<\/a>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-database feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">Outil BDD (Java)<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            Application Java pour g\u00e9rer une base de donn\u00e9es, prototype en cours de r\u00e9activation.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-beta\">B\u00eata<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <span>Interne<\/span>\r\n                    <\/td>\r\n                <\/tr>\r\n                <tr>\r\n                    <td>\r\n                        <i class=\"fas fa-code-branch feature-icon\"><\/i>\r\n                        <div class=\"feature-name\">SPOT<\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <div class=\"feature-description\">\r\n                            SPOT est une simulation SIMPLE EN 2D, interactive de r\u00e9seaux de tuyaux \ud83d\udeb0\ud83d\udca7. Cet outil permet de cr\u00e9er des plans en 2D \ud83d\uddfa\ufe0f simplement et facilement de tuyaux, et de voir en temps r\u00e9el le comportement de l'eau dedans \ud83c\udf0a. Vous pourrez donc fermer des vannes \ud83d\udeaa, ajouter des robinets \ud83d\udebf ou des pompes \u2699\ufe0f \u00e0 loisir, et exporter votre travail \u2728.\r\n                        <\/div>\r\n                    <\/td>\r\n                    <td>\r\n                        <span class=\"status-badge status-development\">Version P.O.C.<\/span>\r\n                    <\/td>\r\n                    <td>\r\n                        <a href=\"https:\/\/eau.ovh\/\" target=\"_blank\">Voir le site<\/a>\r\n                    <\/td>\r\n            <\/tbody>\r\n        <\/table>\r\n    <\/div>\r\n\r\n    <!-- Section Call to Action -->\r\n    <div class=\"cta-section\">\r\n        <h2>D\u00e9couvrez mon univers web<\/h2>\r\n        <p>Projets visibles en ligne ou disponibles sur demande \u2013 n'h\u00e9sitez pas \u00e0 me contacter \ud83d\ude0a<\/p>\r\n        <a href=\"#contact\" class=\"cta-button\">\r\n            <i class=\"fas fa-envelope\"><\/i> Me contacter\r\n        <\/a>\r\n    <\/div>\r\n<\/div>\r\n\r\n\r\n    <script>\r\n        \/\/ Animation des statistiques au chargement\r\n        function animateNumbers() {\r\n            const numbers = document.querySelectorAll('.stat-number');\r\n            \r\n            numbers.forEach(number => {\r\n                const target = parseInt(number.textContent.replace(\/[^\\d]\/g, ''));\r\n                const isPercentage = number.textContent.includes('%');\r\n                const suffix = isPercentage ? '%' : '+';\r\n                \r\n                let current = 0;\r\n                const increment = target \/ 100;\r\n                \r\n                const timer = setInterval(() => {\r\n                    current += increment;\r\n                    if (current >= target) {\r\n                        current = target;\r\n                        clearInterval(timer);\r\n                    }\r\n                    \r\n                    number.textContent = Math.floor(current).toLocaleString() + (isPercentage ? '%' : '+');\r\n                }, 50);\r\n            });\r\n        }\r\n\r\n        \/\/ Cr\u00e9er des particules anim\u00e9es dans le header\r\n        function createParticles() {\r\n            const particlesContainer = document.querySelector('.particles');\r\n            const particleCount = 50;\r\n            \r\n            for (let i = 0; i < particleCount; i++) {\r\n                const particle = document.createElement('div');\r\n                particle.className = 'particle';\r\n                \r\n                const size = Math.random() * 4 + 2;\r\n                particle.style.width = size + 'px';\r\n                particle.style.height = size + 'px';\r\n                particle.style.left = Math.random() * 100 + '%';\r\n                particle.style.top = Math.random() * 100 + '%';\r\n                particle.style.animationDelay = Math.random() * 6 + 's';\r\n                particle.style.animationDuration = (Math.random() * 3 + 3) + 's';\r\n                \r\n                particlesContainer.appendChild(particle);\r\n            }\r\n        }\r\n\r\n        \/\/ Effet de survol am\u00e9lior\u00e9 pour les lignes du tableau\r\n        function enhanceTableInteractions() {\r\n            const rows = document.querySelectorAll('.project-table tbody tr');\r\n            \r\n            rows.forEach(row => {\r\n                row.addEventListener('mouseenter', () => {\r\n                    rows.forEach(otherRow => {\r\n                        if (otherRow !== row) {\r\n                            otherRow.style.opacity = '0.6';\r\n                            otherRow.style.transform = 'scale(0.98)';\r\n                        }\r\n                    });\r\n                });\r\n                \r\n                row.addEventListener('mouseleave', () => {\r\n                    rows.forEach(otherRow => {\r\n                        otherRow.style.opacity = '1';\r\n                        otherRow.style.transform = 'scale(1)';\r\n                    });\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Animation de d\u00e9filement fluide pour les liens\r\n        function setupSmoothScrolling() {\r\n            document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\r\n                anchor.addEventListener('click', function (e) {\r\n                    e.preventDefault();\r\n                    const target = document.querySelector(this.getAttribute('href'));\r\n                    if (target) {\r\n                        target.scrollIntoView({\r\n                            behavior: 'smooth',\r\n                            block: 'start'\r\n                        });\r\n                    }\r\n                });\r\n            });\r\n        }\r\n\r\n        \/\/ Initialisation au chargement de la page\r\n        document.addEventListener('DOMContentLoaded', function() {\r\n            setTimeout(animateNumbers, 1000);\r\n            createParticles();\r\n            enhanceTableInteractions();\r\n            setupSmoothScrolling();\r\n            \r\n            \/\/ Animation d'apparition progressive\r\n            const container = document.querySelector('.container');\r\n            container.style.opacity = '0';\r\n            container.style.transform = 'translateY(50px)';\r\n            \r\n            setTimeout(() => {\r\n                container.style.transition = 'all 1s ease-out';\r\n                container.style.opacity = '1';\r\n                container.style.transform = 'translateY(0)';\r\n            }, 100);\r\n        });\r\n\r\n        \/\/ Effet parallaxe l\u00e9ger sur le header\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const header = document.querySelector('.header');\r\n            const rate = scrolled * -0.5;\r\n            \r\n            header.style.transform = `translateY(${rate}px)`;\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-8127d3a e-flex e-con-boxed e-con e-parent\" data-id=\"8127d3a\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f5d8b95 elementor-widget elementor-widget-progress\" data-id=\"f5d8b95\" data-element_type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-f5d8b95\">\n\t\t\t\tJavascript\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-f5d8b95\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"25\" aria-valuetext=\"25% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"25\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">25%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fb79a30 elementor-widget elementor-widget-progress\" data-id=\"fb79a30\" data-element_type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-fb79a30\">\n\t\t\t\tCSS\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-fb79a30\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"50\" aria-valuetext=\"50% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"50\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">50%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6ea63dc elementor-widget elementor-widget-progress\" data-id=\"6ea63dc\" data-element_type=\"widget\" data-widget_type=\"progress.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t<span class=\"elementor-title\" id=\"elementor-progress-bar-6ea63dc\">\n\t\t\t\tHTML\t\t\t<\/span>\n\t\t\n\t\t<div aria-labelledby=\"elementor-progress-bar-6ea63dc\" class=\"elementor-progress-wrapper\" role=\"progressbar\" aria-valuemin=\"0\" aria-valuemax=\"100\" aria-valuenow=\"75\" aria-valuetext=\"75% (Concepteur web)\">\n\t\t\t<div class=\"elementor-progress-bar\" data-max=\"75\">\n\t\t\t\t<span class=\"elementor-progress-text\">Concepteur web<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-progress-percentage\">75%<\/span>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-7f58ded e-flex e-con-boxed e-con e-parent\" data-id=\"7f58ded\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0482351 elementor-widget elementor-widget-counter\" data-id=\"0482351\" data-element_type=\"widget\" data-widget_type=\"counter.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-counter\">\n\t\t\t<div class=\"elementor-counter-title\">Ligne de code \u00e9crit<\/div>\t\t\t<div class=\"elementor-counter-number-wrapper\">\n\t\t\t\t<span class=\"elementor-counter-number-prefix\"><\/span>\n\t\t\t\t<span class=\"elementor-counter-number\" data-duration=\"2000\" data-to-value=\"48750\" data-from-value=\"0\" data-delimiter=\",\">0<\/span>\n\t\t\t\t<span class=\"elementor-counter-number-suffix\"><\/span>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-96f1e57 e-flex e-con-boxed e-con e-parent\" data-id=\"96f1e57\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-529e203 elementor-alert-info elementor-widget elementor-widget-alert\" data-id=\"529e203\" data-element_type=\"widget\" data-widget_type=\"alert.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-alert\" role=\"alert\">\n\n\t\t\t\t\t\t<span class=\"elementor-alert-title\">Ceci est une alerte<\/span>\n\t\t\t\n\t\t\t\t\t\t<span class=\"elementor-alert-description\">Je suis une description. Cliquez sur le bouton modifier pour changer ce texte.<\/span>\n\t\t\t\n\t\t\t\t\t\t<button type=\"button\" class=\"elementor-alert-dismiss\" aria-label=\"Dismiss this alert.\">\n\t\t\t\t\t\t\t\t\t<span aria-hidden=\"true\">&times;<\/span>\n\t\t\t\t\t\t\t<\/button>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-966e44f e-flex e-con-boxed e-con e-parent\" data-id=\"966e44f\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-b6572cd e-flex e-con-boxed e-con e-parent\" data-id=\"b6572cd\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e0124d2 elementor-widget elementor-widget-rating\" data-id=\"e0124d2\" data-element_type=\"widget\" data-widget_type=\"rating.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-rating\" itemtype=\"https:\/\/schema.org\/Rating\" itemscope=\"\" itemprop=\"reviewRating\">\n\t\t\t<meta itemprop=\"worstRating\" content=\"0\">\n\t\t\t<meta itemprop=\"bestRating\" content=\"4\">\n\t\t\t<div class=\"e-rating-wrapper\" itemprop=\"ratingValue\" content=\"3\" role=\"img\" aria-label=\"Rated 3 out of 4\">\n\t\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<div class=\"e-icon\">\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-marked\" style=\"--e-rating-icon-marked-width: 0%;\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"e-icon-wrapper e-icon-unmarked\">\n\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-star\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M450 75L338 312 88 350C46 354 25 417 58 450L238 633 196 896C188 942 238 975 275 954L500 837 725 954C767 975 813 942 804 896L763 633 942 450C975 417 954 358 913 350L663 312 550 75C529 33 471 33 450 75Z\"><\/path><\/svg>\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-c4cec72 e-flex e-con-boxed e-con e-parent\" data-id=\"c4cec72\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-f1043da e-con-full e-flex e-con e-child\" data-id=\"f1043da\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-16fe332 elementor-widget elementor-widget-link-in-bio\" data-id=\"16fe332\" data-element_type=\"widget\" data-widget_type=\"link-in-bio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio e-link-in-bio\">\n\t\t\t<div class=\"e-link-in-bio__content\">\n\n\t\t\t\t\t\t<div class=\"e-link-in-bio__identity\">\n\t\t\t\t\t\t\t\t\t<div class=\"e-link-in-bio__identity-image e-link-in-bio__identity-image-profile has-style-circle\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"300\" height=\"171\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1-300x171.png\" class=\"e-link-in-bio__identity-image-element\" alt=\"\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1-300x171.png 300w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1-1024x585.png 1024w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1-768x439.png 768w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1-1536x878.png 1536w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALL_E1.png 1792w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__bio\">\n\t\t\t\t<h2 class=\"e-link-in-bio__heading\">Emile SNYERS<\/h2>\t\t\t\t<h3 class=\"e-link-in-bio__title\">Informaticien et d\u00e9veloppeur<\/h3>\t\t\t\t\t\t\t\t<p class=\"e-link-in-bio__description\">Programmer et r\u00e9parer sont des passions pour moi.<\/p>\t\t\t<\/div>\n\t\t\t\t\t<div class=\"e-link-in-bio__icons has-size-small\">\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a target=\"_blank\" rel=\"noopener \" aria-label=\"Facebook\" class=\"e-link-in-bio__icon-link\" href=\"\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-facebook\" viewBox=\"0 0 512 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M504 256C504 119 393 8 256 8S8 119 8 256c0 123.78 90.69 226.38 209.25 245V327.69h-63V256h63v-54.64c0-62.15 37-96.48 93.67-96.48 27.14 0 55.52 4.84 55.52 4.84v61h-31.28c-30.8 0-40.41 19.12-40.41 38.73V256h68.78l-11 71.69h-57.78V501C413.31 482.38 504 379.78 504 256z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a target=\"_blank\" rel=\"noopener \" aria-label=\"Instagram\" class=\"e-link-in-bio__icon-link\" href=\"\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-instagram\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M224.1 141c-63.6 0-114.9 51.3-114.9 114.9s51.3 114.9 114.9 114.9S339 319.5 339 255.9 287.7 141 224.1 141zm0 189.6c-41.1 0-74.7-33.5-74.7-74.7s33.5-74.7 74.7-74.7 74.7 33.5 74.7 74.7-33.6 74.7-74.7 74.7zm146.4-194.3c0 14.9-12 26.8-26.8 26.8-14.9 0-26.8-12-26.8-26.8s12-26.8 26.8-26.8 26.8 12 26.8 26.8zm76.1 27.2c-1.7-35.9-9.9-67.7-36.2-93.9-26.2-26.2-58-34.4-93.9-36.2-37-2.1-147.9-2.1-184.9 0-35.8 1.7-67.6 9.9-93.9 36.1s-34.4 58-36.2 93.9c-2.1 37-2.1 147.9 0 184.9 1.7 35.9 9.9 67.7 36.2 93.9s58 34.4 93.9 36.2c37 2.1 147.9 2.1 184.9 0 35.9-1.7 67.7-9.9 93.9-36.2 26.2-26.2 34.4-58 36.2-93.9 2.1-37 2.1-147.8 0-184.8zM398.8 388c-7.8 19.6-22.9 34.7-42.6 42.6-29.5 11.7-99.5 9-132.1 9s-102.7 2.6-132.1-9c-19.6-7.8-34.7-22.9-42.6-42.6-11.7-29.5-9-99.5-9-132.1s-2.6-102.7 9-132.1c7.8-19.6 22.9-34.7 42.6-42.6 29.5-11.7 99.5-9 132.1-9s102.7-2.6 132.1 9c19.6 7.8 34.7 22.9 42.6 42.6 11.7 29.5 9 99.5 9 132.1s2.7 102.7-9 132.1z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t<div class=\"e-link-in-bio__icon is-size-small\">\n\t\t\t\t\t<a target=\"_blank\" rel=\"noopener \" aria-label=\"TikTok\" class=\"e-link-in-bio__icon-link\" href=\"\">\n\t\t\t\t\t\t<span class=\"e-link-in-bio__icon-svg\">\n\t\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-fab-tiktok\" viewBox=\"0 0 448 512\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M448,209.91a210.06,210.06,0,0,1-122.77-39.25V349.38A162.55,162.55,0,1,1,185,188.31V278.2a74.62,74.62,0,1,0,52.23,71.18V0l88,0a121.18,121.18,0,0,0,1.86,22.17h0A122.18,122.18,0,0,0,381,102.39a121.43,121.43,0,0,0,67,20.14Z\"><\/path><\/svg>\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t<div class=\"e-link-in-bio__ctas has-type-button\">\n\t\t\t\t\t\t\t<a href=\"https:\/\/emilesnyersmeteo.ovh\/liste-sites.html\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tD\u00e9couvrez mes r\u00e9alisations\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.emilesnyers.org\/%C3%80-propos-de.html\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tLancer V en ligne version 1\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/sge.ovh\/Dossier-Pages\/Autre\/Presentation-du-projet.html#personne\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tLancer V en ligne version 2\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t\t\t<a href=\"https:\/\/www.linkedin.com\/in\/emile-snyers\/?originalSubdomain=fr\" target=\"_blank\" rel=\"noopener \" class=\"e-link-in-bio__cta is-type-button has-corners-rounded\">\n\t\t\t\t\t\t\t\t\t\t<span class=\"e-link-in-bio__cta-text\">\n\t\t\t\t\t\tMon linkedin\t\t\t\t\t<\/span>\n\t\t\t\t<\/a>\n\t\t\t\t\t<\/div>\n\t\t\n\t\t\t<\/div>\n\t\t\t<div class=\"e-link-in-bio__bg\">\n\t\t\t\t<div class=\"e-link-in-bio__bg-overlay\"><\/div>\n\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-29b4da3 e-con-full e-flex e-con e-child\" data-id=\"29b4da3\" data-element_type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fcd269c elementor-arrows-position-inside elementor-pagination-position-outside elementor-widget elementor-widget-image-carousel\" data-id=\"fcd269c\" data-element_type=\"widget\" data-settings=\"{&quot;navigation&quot;:&quot;both&quot;,&quot;autoplay&quot;:&quot;yes&quot;,&quot;pause_on_hover&quot;:&quot;yes&quot;,&quot;pause_on_interaction&quot;:&quot;yes&quot;,&quot;autoplay_speed&quot;:5000,&quot;infinite&quot;:&quot;yes&quot;,&quot;speed&quot;:500}\" data-widget_type=\"image-carousel.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-image-carousel-wrapper swiper\" role=\"region\" aria-roledescription=\"carousel\" aria-label=\"Carrousel d\u2019images\" dir=\"ltr\">\n\t\t\t<div class=\"elementor-image-carousel swiper-wrapper\" aria-live=\"off\">\n\t\t\t\t\t\t\t\t<div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"1 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA3BDF1-150x150.png\" alt=\"DA3BDF~1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"2 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA0A331-150x150.png\" alt=\"DA0A33~1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"3 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DABE701-150x150.png\" alt=\"DABE70~1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"4 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DA75851-150x150.png\" alt=\"DA7585~1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"5 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DAB51D1-150x150.png\" alt=\"DAB51D~1\" \/><\/figure><\/div><div class=\"swiper-slide\" role=\"group\" aria-roledescription=\"slide\" aria-label=\"6 of 6\"><figure class=\"swiper-slide-inner\"><img decoding=\"async\" class=\"swiper-slide-image\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/06\/DALLE21-150x150.png\" alt=\"DALLE2~1\" \/><\/figure><\/div>\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-prev\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-left\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M646 125C629 125 613 133 604 142L308 442C296 454 292 471 292 487 292 504 296 521 308 533L604 854C617 867 629 875 646 875 663 875 679 871 692 858 704 846 713 829 713 812 713 796 708 779 692 767L438 487 692 225C700 217 708 204 708 187 708 171 704 154 692 142 675 129 663 125 646 125Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\t<div class=\"elementor-swiper-button elementor-swiper-button-next\" role=\"button\" tabindex=\"0\">\n\t\t\t\t\t\t<svg aria-hidden=\"true\" class=\"e-font-icon-svg e-eicon-chevron-right\" viewBox=\"0 0 1000 1000\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\"><path d=\"M696 533C708 521 713 504 713 487 713 471 708 454 696 446L400 146C388 133 375 125 354 125 338 125 325 129 313 142 300 154 292 171 292 187 292 204 296 221 308 233L563 492 304 771C292 783 288 800 288 817 288 833 296 850 308 863 321 871 338 875 354 875 371 875 388 867 400 854L696 533Z\"><\/path><\/svg>\t\t\t\t\t<\/div>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<div class=\"swiper-pagination\"><\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d7b77e2 elementor-widget elementor-widget-testimonial\" data-id=\"d7b77e2\" data-element_type=\"widget\" data-widget_type=\"testimonial.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-wrapper\">\n\t\t\t\t\t\t\t<div class=\"elementor-testimonial-content\">\ud83d\udea7 Ce site web est actuellement en construction. \ud83d\udd27 Revenez bient\u00f4t pour d\u00e9couvrir les nouveaut\u00e9s ! \u2728<\/div>\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-testimonial-meta elementor-has-image elementor-testimonial-image-position-aside\">\n\t\t\t\t<div class=\"elementor-testimonial-meta-inner\">\n\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-image\">\n\t\t\t\t\t\t\t<img decoding=\"async\" width=\"682\" height=\"805\" src=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256.png\" class=\"attachment-full size-full wp-image-36\" alt=\"\" srcset=\"https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256.png 682w, https:\/\/emilesnyersdeveloppeur.ovh\/wp-content\/uploads\/2025\/01\/Capture-demile-SNYERS-2023-09-26-225256-254x300.png 254w\" sizes=\"(max-width: 682px) 100vw, 682px\" \/>\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-details\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-name\">Emile SNYERS<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div class=\"elementor-testimonial-job\">Concepteur<\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Emile SNYERS Je m&#8217;appelle \u00c9mile Snyers, un apprenti informaticien \ud83c\udf93 passionn\u00e9 par la programmation \ud83d\udcbb et l&#8217;univers des technologies \ud83d\udc68\ud83c\udffb\u200d\ud83d\udcbb. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-63","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/63","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=63"}],"version-history":[{"count":16,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions"}],"predecessor-version":[{"id":93,"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/pages\/63\/revisions\/93"}],"wp:attachment":[{"href":"https:\/\/emilesnyersdeveloppeur.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=63"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}