suivant ce lien<\/a><\/p>\n\n\n\nConfiguration initiale<\/strong> :<\/p>\n\n\n\n\nOpenHASP cr\u00e9e un point d\u2019acc\u00e8s WiFi temporaire (SSID : HASP_XXXX<\/code>). Connectez-vous \u00e0 ce r\u00e9seau avec votre t\u00e9l\u00e9phone ou ordinateur.<\/li>\n\n\n\nAcc\u00e9dez \u00e0 l\u2019interface web d\u2019OpenHASP via l\u2019adresse 192.168.4.1<\/code>. Depuis cette interface, configurez les identifiants de votre r\u00e9seau WiFi pour connecter le module \u00e0 votre r\u00e9seau local.<\/li>\n\n\n\nNotez l\u2019adresse IP attribu\u00e9e au module (par exemple, 192.168.0.xxx<\/code>), car vous en aurez besoin pour la configuration.<\/li>\n<\/ul>\n\n\n\nEcran de configuration du Module<\/h1>\n\n\n\n En saisissant l’adresse IP du du module vous arrivez sur l’interface web OpenHASP.<\/p>\n\n\n\n
Fonctionnalit\u00e9s de l\u2019interface web OpenHASP<\/h2>\n\n\n\n En plus de l\u2019int\u00e9gration dans Home Assistant, OpenHASP propose une interface web<\/strong> accessible via l\u2019adresse IP du module (par exemple, http:\/\/192.168.0.xxx<\/code>). Cette interface, disponible pour mon appareil ecran01<\/code>, offre un ensemble d\u2019outils pratiques pour g\u00e9rer le panneau, personnaliser son interface graphique, et effectuer des t\u00e2ches de maintenance. Voici un aper\u00e7u des fonctionnalit\u00e9s disponibles, illustr\u00e9 par une capture d\u2019\u00e9cran de cette interface.<\/p>\n\n\n\nAper\u00e7u des options de l\u2019interface web<\/h2>\n\n\n\n L\u2019interface web d\u2019OpenHASP, visible dans la capture d\u2019\u00e9cran, propose plusieurs sections, chacune offrant des fonctionnalit\u00e9s sp\u00e9cifiques pour g\u00e9rer le panneau :<\/p>\n\n\n\n
\nHASP Design<\/strong> : Cette section permet de configurer les param\u00e8tres d\u2019affichage et d\u2019interface du panneau. Comme montr\u00e9 dans la capture, elle inclut plusieurs options :\n\nUI Theme<\/strong> : Permet de s\u00e9lectionner un th\u00e8me d\u2019interface (par exemple, \u201cHasp Light\u201d dans la capture). Cela change l\u2019apparence g\u00e9n\u00e9rale de l\u2019interface graphique.<\/li>\n\n\n\nPrimary Color et Secondary Color<\/strong> : D\u00e9finit les couleurs principales et secondaires utilis\u00e9es dans l\u2019interface (bleu et orange dans la capture). Ces couleurs peuvent \u00eatre ajust\u00e9es pour correspondre \u00e0 vos pr\u00e9f\u00e9rences esth\u00e9tiques.<\/li>\n\n\n\nDefault Font<\/strong> : Permet de choisir une police par d\u00e9faut pour les textes affich\u00e9s (ici, \u201cNone\u201d est s\u00e9lectionn\u00e9, ce qui utilise la police par d\u00e9faut d\u2019OpenHASP).<\/li>\n\n\n\nStart Layout<\/strong> : Indique le fichier de configuration charg\u00e9 au d\u00e9marrage (dans mon cas, \/pages.jsonl<\/code>, qui correspond au fichier JSONL que j\u2019ai utilis\u00e9 pour d\u00e9finir l\u2019interface graphique).<\/li>\n\n\n\nStartup Page<\/strong> : D\u00e9finit la page affich\u00e9e au d\u00e9marrage (page 1 dans la capture, correspondant \u00e0 la page \u201cPiscine\u201d).<\/li>\n\n\n\nStartup Dim<\/strong> : Ajuste la luminosit\u00e9 initiale de l\u2019\u00e9cran au d\u00e9marrage (255 dans la capture, soit la luminosit\u00e9 maximale).<\/li>\n\n\n\nSave Settings<\/strong> : Un bouton pour enregistrer les modifications apport\u00e9es dans cette section. Ces param\u00e8tres permettent de personnaliser l\u2019apparence et le comportement initial du panneau sans modifier directement le fichier JSONL.<\/li>\n<\/ul>\n<\/li>\n<\/ul>\n\n\n\n\nScreenshot<\/strong> : Cette fonctionnalit\u00e9 permet de capturer une image de l\u2019\u00e9cran actuel du panneau. C\u2019est particuli\u00e8rement utile pour documenter l\u2019interface ou partager des aper\u00e7us de l\u2019affichage, comme les captures de la page \u201cPiscine\u201d ou \u201cCommandes\u201d que j\u2019ai pr\u00e9sent\u00e9es plus t\u00f4t. La capture est g\u00e9n\u00e9r\u00e9e directement depuis l\u2019ESP32 et peut \u00eatre t\u00e9l\u00e9charg\u00e9e.<\/li>\n<\/ul>\n\n\n\n\n\nInformation<\/strong> : Cette section affiche des d\u00e9tails techniques sur le panneau, comme la version du firmware (OpenHASP 0.7.0-rc9 dans la capture), l\u2019adresse IP, l\u2019\u00e9tat de la connexion WiFi, et d\u2019autres informations syst\u00e8me (utilisation de la m\u00e9moire, \u00e9tat des capteurs, etc.). C\u2019est un outil pr\u00e9cieux pour le d\u00e9bogage ou pour v\u00e9rifier que le panneau fonctionne correctement.<\/li>\n<\/ul>\n\n\n\n\nConfiguration<\/strong> : Permet de modifier les param\u00e8tres d\u2019OpenHASP, comme les identifiants WiFi, les param\u00e8tres MQTT (adresse du broker, port, utilisateur, mot de passe), ou les options d\u2019affichage (luminosit\u00e9, d\u00e9lai d\u2019inactivit\u00e9, etc.). C\u2019est ici que j\u2019ai initialement configur\u00e9 la connexion MQTT pour int\u00e9grer ecran01<\/code> dans Home Assistant.<\/li>\n<\/ul>\n\n\n\n\nFirmware Update<\/strong> : Cette option permet de mettre \u00e0 jour le firmware d\u2019OpenHASP directement depuis l\u2019interface web. Il suffit de t\u00e9l\u00e9charger la nouvelle version du firmware (par exemple, depuis le site officiel d\u2019OpenHASP) et de la charger via cette section. Cela garantit que le panneau reste \u00e0 jour avec les derni\u00e8res am\u00e9liorations et corrections de bugs.<\/li>\n<\/ul>\n\n\n\n\nFile Editor<\/strong> : Un \u00e9diteur de fichiers int\u00e9gr\u00e9 qui permet de modifier les fichiers de configuration (comme le fichier JSONL que j\u2019utilise pour d\u00e9finir l\u2019interface graphique). Vous pouvez t\u00e9l\u00e9charger, \u00e9diter, ou supprimer des fichiers directement depuis cette interface, ce qui est pratique pour ajuster l\u2019interface graphique sans avoir \u00e0 re-flasher l\u2019ESP32.<\/li>\n<\/ul>\n\n\n\n\nRestart<\/strong> : Un bouton rouge qui permet de red\u00e9marrer l\u2019ESP32 \u00e0 distance. Cette fonctionnalit\u00e9 est similaire au bouton button.ecran01_restart<\/code> disponible dans Home Assistant, mais elle est accessible directement depuis l\u2019interface web. C\u2019est utile pour appliquer des modifications (par exemple, apr\u00e8s une mise \u00e0 jour du firmware ou un changement de configuration) sans avoir \u00e0 d\u00e9brancher physiquement le panneau.<\/li>\n<\/ul>\n\n\n\nPourquoi ces fonctionnalit\u00e9s sont-elles utiles ?<\/h2>\n\n\n\n L\u2019interface web d\u2019OpenHASP est un compl\u00e9ment pr\u00e9cieux \u00e0 l\u2019int\u00e9gration dans Home Assistant. Elle offre une gestion autonome du panneau, ce qui est particuli\u00e8rement utile lors de la configuration initiale ou pour des t\u00e2ches de maintenance. Par exemple, j\u2019ai utilis\u00e9 la section HASP Design<\/strong> pour ajuster la luminosit\u00e9 de d\u00e9marrage (Startup Dim<\/code>) et d\u00e9finir la page \u201cPiscine\u201d comme page par d\u00e9faut (Startup Page<\/code>), garantissant que le panneau affiche directement les informations essentielles au d\u00e9marrage. La section Screenshot<\/strong> m\u2019a permis de capturer les images que j\u2019ai partag\u00e9es dans cet article. La possibilit\u00e9 de mettre \u00e0 jour le firmware ou de red\u00e9marrer l\u2019appareil \u00e0 distance via l\u2019interface web est \u00e9galement un gain de temps, surtout si le panneau est install\u00e9 dans un endroit difficile d\u2019acc\u00e8s, comme mon local technique.<\/p>\n\n\n\nInt\u00e9gration avec Home Assistant<\/h1>\n\n\n\n OpenHASP communique avec Home Assistant via MQTT ou l’int\u00e9gration \u00ab\u00a0openHASP\u00a0\u00bb. <\/p>\n\n\n\n
Configuration MQTT<\/strong> :<\/h2>\n\n\n\n\nAssurez-vous qu\u2019un broker MQTT (comme Mosquitto) est configur\u00e9 dans Home Assistant.<\/li>\n\n\n\n Dans l\u2019interface web d\u2019OpenHASP (accessible via l\u2019adresse IP du module, par exemple http:\/\/192.168.0.xxx), allez dans les param\u00e8tres et entrez les informations de votre broker MQTT (adresse, port, utilisateur, mot de passe).<\/li>\n<\/ul>\n\n\n\nInt\u00e9gration\u00a0\u00bbopenHASP\u00a0\u00bb<\/strong> :<\/h2>\n\n\n\nElle est disponible dans la biblioth\u00e8que des integrations:<\/p>\n\n\n\nUne fois configur\u00e9e le module est automatiquement d\u00e9tect\u00e9 par Home Assistant et met \u00e0 disposition des entit\u00e9s de contr\u00f4le et de configuration.<\/p>\n\n\n\nConfiguration de l\u2019interface avec OpenHASP<\/h2>\n\n\n\n OpenHASP utilise des fichiers JSONL (JSON Lines) pour d\u00e9finir l\u2019interface graphique. J\u2019ai cr\u00e9\u00e9 un fichier de configuration pour personnaliser mon panneau de commande, en m\u2019appuyant sur le fichier pane1.yaml<\/code> que je partage en annexe pour lier les donn\u00e9es dynamiques, et sur le fichier \u00ab\u00a0pages.JSONL\u00a0\u00bb que je vais d\u00e9tailler ici pour la mise en page graphique.<\/p>\n\n\n\nStructure g\u00e9n\u00e9rale de l\u2019interface<\/h2>\n\n\n\n Le fichier \u00ab\u00a0pages.JSONL\u00a0\u00bb d\u00e9finit trois pages principales :<\/p>\n\n\n\n
\nPage 0<\/strong> : Contient des \u00e9l\u00e9ments communs \u00e0 toutes les pages, comme l\u2019heure, les temp\u00e9ratures int\u00e9rieure et ext\u00e9rieure, et les boutons de navigation.<\/li>\n\n\n\nPage 1<\/strong> : Vue g\u00e9n\u00e9rale de la piscine, avec les param\u00e8tres essentiels (temp\u00e9rature, pH, ORP, etc.) et des contr\u00f4les.<\/li>\n\n\n\nPage 2<\/strong> : Contr\u00f4les manuels pour activer\/d\u00e9sactiver les \u00e9quipements.<\/li>\n\n\n\nPage 3<\/strong> : R\u00e9glages des modes de fonctionnement.<\/li>\n<\/ul>\n\n\n\nPage 0 : \u00c9l\u00e9ments communs<\/h3>\n\n\n\n Cette page d\u00e9finit des \u00e9l\u00e9ments affich\u00e9s en haut et en bas de l\u2019\u00e9cran sur toutes les pages :<\/p>\n\n\n\n
\nHeure<\/strong> (p0b2<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":0,\"id\":2,\"obj\":\"btn\",\"x\":10,\"y\":0,\"w\":62,\"h\":40,\"text\":\"00:00\",\"text_font\":28,\"bg_color\":\"#2C3E50\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0}<\/code><\/pre>\n\n\n\nAffiche l\u2019heure (09:53 dans les captures). La valeur est mise \u00e0 jour dynamiquement via pane1.yaml<\/code> :<\/p>\n\n\n\n - obj: \"p0b2\"\n properties:\n \"text\": \"{{ states('sensor.time') }}\"<\/code><\/pre>\n\n\n\n\nTemp\u00e9rature ext\u00e9rieure<\/strong> (p0b6<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":0,\"id\":6,\"obj\":\"btn\",\"x\":300,\"y\":0,\"w\":100,\"h\":40,\"bg_color\":\"#2C3E50\",\"text\":\"00.00\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0,\"text_font\":28}<\/code><\/pre>\n\n\n\nAffiche la temp\u00e9rature ext\u00e9rieure (16.8\u00b0C dans les captures), mise \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p0b6\"\n properties:\n \"text\": \"\\uE2DC {{'%.1f' | format (states('sensor.vp2_temp_out') | round(1)) }}\u00b0C\"<\/code><\/pre>\n\n\n\n\nTemp\u00e9rature int\u00e9rieure<\/strong> (p0b7<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":0,\"id\":7,\"obj\":\"btn\",\"x\":80,\"y\":0,\"w\":100,\"h\":40,\"bg_color\":\"#2C3E50\",\"text\":\"00.00\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0,\"text_font\":28}<\/code><\/pre>\n\n\n\nAffiche la temp\u00e9rature int\u00e9rieure (21.9\u00b0C dans les captures), mise \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p0b7\"\n properties:\n \"text\": \"\\uE6A1 {{'%.1f' | format (states('sensor.vp2_temp_in') | round(1)) }}\u00b0C\"<\/code><\/pre>\n\n\n\n\nBoutons de navigation<\/strong> (p0b3<\/code>, p0b4<\/code>, p0b5<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":0,\"id\":3,\"obj\":\"btn\",\"action\":\"prev\",\"x\":0,\"y\":440,\"w\":160,\"h\":40,\"bg_color\":\"#2C3E50\",\"text\":\"\\uE141\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0,\"text_font\":32}\n {\"page\":0,\"id\":4,\"obj\":\"btn\",\"action\":\"back\",\"x\":160,\"y\":440,\"w\":160,\"h\":40,\"bg_color\":\"#2C3E50\",\"text\":\"\\uE2DC\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0,\"text_font\":32}\n {\"page\":0,\"id\":5,\"obj\":\"btn\",\"action\":\"next\",\"x\":320,\"y\":440,\"w\":160,\"h\":40,\"bg_color\":\"#2C3E50\",\"text\":\"\\uE142\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0,\"text_font\":32}<\/code><\/pre>\n\n\n\nCes boutons permettent de naviguer entre les pages (pr\u00e9c\u00e9dent, retour, suivant), visibles en bas des captures d\u2019\u00e9cran.<\/p>\n\n\n\n
Page 1 : Vue g\u00e9n\u00e9rale de la piscine<\/h3>\n\n\n\n Cette page affiche les param\u00e8tres essentiels de la piscine et permet de contr\u00f4ler certains \u00e9quipements. Voici quelques \u00e9l\u00e9ments cl\u00e9s :<\/p>\n\n\n\n
\nTitre<\/strong> (p1b1<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":1,\"id\":1,\"obj\":\"btn\",\"x\":0,\"y\":0,\"w\":480,\"h\":40,\"text\":\"Piscine\",\"text_font\":28,\"bg_color\":\"#2C3E50\",\"text_color\":\"#FFFFFF\",\"radius\":0,\"border_side\":0}<\/code><\/pre>\n\n\n\nAffiche le titre \u201cPiscine\u201d en haut de la page (visible dans la premi\u00e8re capture).<\/p>\n\n\n\n
\nTemp\u00e9rature de l\u2019eau<\/strong> (p1b130<\/code>, p1b131<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":1,\"id\":130,\"obj\":\"label\",\"x\":5,\"y\":50,\"w\":80,\"h\":80,\"text\":\"\\uE50F\",\"text_font\":80,\"align\":1,\"text_color\":\"#00ff00\"}\n {\"page\":1,\"id\":131,\"obj\":\"label\",\"x\":120,\"y\":50,\"w\":225,\"h\":80,\"text\":\"Offline\",\"text_font\":80,\"align\":1,\"text_color\":\"#2C3E50\"}<\/code><\/pre>\n\n\n\nAffiche une ic\u00f4ne de thermom\u00e8tre et la temp\u00e9rature de l\u2019eau (16.6\u00b0C dans la capture), mise \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p1b131\"\n properties:\n \"text\": \"{{ states('sensor.esp178_temperature_eau')|float(0) |round(1)}} C\u00b0\"<\/code><\/pre>\n\n\n\n\npH<\/strong> (p1b135<\/code>, p1b136<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":1,\"id\":135,\"obj\":\"label\",\"x\":5,\"y\":130,\"w\":80,\"h\":80,\"text\":\"\\uE606\",\"text_font\":80,\"align\":1,\"text_color\":\"#00ff00\"}\n {\"page\":1,\"id\":136,\"obj\":\"label\",\"x\":120,\"y\":130,\"w\":240,\"h\":80,\"text\":\"Offline\",\"text_font\":80,\"align\":1,\"text_color\":\"#2C3E50\"}<\/code><\/pre>\n\n\n\nAffiche une ic\u00f4ne et le pH de l\u2019eau (5.85 dans la capture), mis \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p1b136\"\n properties:\n \"text\": \"{{ states('sensor.esp178_ph_ezo')|float(0) |round(2)}} pH\"<\/code><\/pre>\n\n\n\n\nPompe de filtration<\/strong> (p1b132<\/code>, p1b133<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":1,\"id\":132,\"obj\":\"label\",\"x\":380,\"y\":50,\"w\":90,\"h\":25,\"text\":\"Ppe\",\"text_font\":16,\"align\":1,\"text_color\":\"#2C3E50\"}\n {\"page\":1,\"id\":133,\"obj\":\"btn\",\"x\":385,\"y\":75,\"w\":80,\"h\":60,\"text\":\"\\uE156\",\"text_font\":48,\"mode\":\"break\",\"align\":1,\"radius\":0,\"text_color\":\"#FFFFFF\",\"border_color\":\"#2C3E50\",\"bg_color\":\"#2C3E50\"}<\/code><\/pre>\n\n\n\nAffiche un bouton pour la pompe de filtration, qui change de couleur et d\u2019ic\u00f4ne selon son \u00e9tat (d\u00e9sactiv\u00e9e dans la capture, ic\u00f4ne rouge). La logique est d\u00e9finie dans pane1.yaml<\/code> :<\/p>\n\n\n\n - obj: \"p1b133\"\n properties:\n \"val\": '{{ 1 if states(\"switch.esp178_cde_pompe_filtration\") == \"on\" else 0 }}'\n \"text\": '{{ \"\\uE12C\" if is_state(\"switch.esp178_cde_pompe_filtration\", \"on\") else \"\\uE156\" | e }}'\n \"text_color\": \"{{ '#00ff00' if is_state('switch.esp178_cde_pompe_filtration', 'on') else '#ff0000' }}\"\n event:\n \"up\":\n - service: homeassistant.toggle\n entity_id: \"switch.esp178_cde_pompe_filtration\"<\/code><\/pre>\n\n\n\n\nVolet de la piscine<\/strong> (p1b137<\/code>, p1b138<\/code>) :<\/li>\n<\/ul>\n\n\n\n {\"page\":1,\"id\":137,\"obj\":\"label\",\"x\":380,\"y\":130,\"w\":90,\"h\":25,\"text\":\"Volet\",\"text_font\":16,\"align\":1,\"text_color\":\"#2C3E50\"}\n {\"page\":1,\"id\":138,\"obj\":\"btn\",\"x\":385,\"y\":155,\"w\":80,\"h\":60,\"text\":\"\\uE156\",\"text_font\":48,\"mode\":\"break\",\"align\":1,\"radius\":0,\"text_color\":\"#FFFFFF\",\"border_color\":\"#2C3E50\",\"bg_color\":\"#2C3E50\"}<\/code><\/pre>\n\n\n\nAffiche un bouton pour le volet (ferm\u00e9 dans la capture, ic\u00f4ne verte), mis \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p1b138\"\n properties:\n \"val\": '{{ 1 if states(\"cover.esp178_volet_piscine\") == \"on\" else 0 }}'\n \"text\": '{{ \"\\uF11E\" if is_state(\"cover.esp178_volet_piscine\", \"open\") else \"\\uF11C\" | e }}'\n \"text_color\": \"{{ '#ff0000' if is_state('cover.esp178_volet_piscine', 'open') else '#00ff00' }}\"\n event:\n \"up\":\n - service: homeassistant.toggle\n entity_id: \"cover.esp178_volet_piscine\"<\/code><\/pre>\n\n\n\n\nAutres donn\u00e9es<\/strong> :<\/li>\n\n\n\nHoraire de filtration<\/strong> (p1b140<\/code>, p1b141<\/code>) : <\/li>\n<\/ul>\n\n\n\n{\"page\":1,\"id\":140,\"obj\":\"label\",\"x\":5,\"y\":210,\"w\":90,\"h\":40,\"text\":\"Horaire:\",\"text_font\":30,\"align\":1,\"text_color\":\"#2C3E50\"} {\"page\":1,\"id\":141,\"obj\":\"label\",\"x\":100,\"y\":210,\"w\":300,\"h\":40,\"text\":\"Offline\",\"text_font\":40,\"align\":\"center\",\"text_color\":\"#2C3E50\"}\n<\/code><\/pre>\n\n\n\n\n<\/li>\n<\/ul>\n\n\n\nAffiche les horaires (12:00\/12:15 dans la capture), mis \u00e0 jour via :<\/p>\n\n\n\n
- obj: \"p1b141\" properties: \"text\": \"{{ states('sensor.esp178_affich_heure_filtration')}}\"<\/code><\/code><\/pre>\n\n\n\n\nDur\u00e9e de filtration<\/strong> (p1b145<\/code>, p1b146<\/code>) : <\/li>\n<\/ul>\n\n\n\n{\"page\":1,\"id\":145,\"obj\":\"label\",\"x\":5,\"y\":255,\"w\":70,\"h\":40,\"text\":\"Duree:\",\"text_font\":30,\"align\":1,\"text_color\":\"#2C3E50\"} {\"page\":1,\"id\":146,\"obj\":\"label\",\"x\":90,\"y\":255,\"w\":160,\"h\":40,\"text\":\"Offline\",\"text_font\":40,\"align\":\"left\",\"text_color\":\"#2C3E50\"}<\/code><\/code><\/pre>\n\n\n\n
![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2023\/01\/image-3-1.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-8.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/257673709-b53e5382-72e1-4643-838b-98d93403736b-769x1024.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-12.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-13.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/Capture-decran-du-2025-04-11-17-41-43.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/Capture-decran-du-2025-04-11-17-41-59.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/Capture-decran-du-2025-04-11-17-42-35.png\")
<\/figure>\n<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-14.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-15.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-16.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-17-1024x217.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-9.png\")
<\/figure>\n\n\n\n![\"\"](\"https:\/\/domo.rem81.com\/wp-content\/uploads\/2025\/04\/image-10-1024x625.png\")
<\/figure>\n\n\n\n