{"id":16,"date":"2025-11-29T12:01:31","date_gmt":"2025-11-29T12:01:31","guid":{"rendered":"https:\/\/liamidisaobaneportfolio.ovh\/?page_id=16"},"modified":"2025-12-06T02:05:05","modified_gmt":"2025-12-06T02:05:05","slug":"veilles-technologiques","status":"publish","type":"page","link":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/veilles-technologiques\/","title":{"rendered":"Veilles Technologiques"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"16\" class=\"elementor elementor-16\">\n\t\t\t\t<div class=\"elementor-element elementor-element-568a585 e-flex e-con-boxed e-con e-parent\" data-id=\"568a585\" data-element_type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\\\/\\\/liamidisaobaneportfolio.ovh\\\/wp-content\\\/uploads\\\/2025\\\/11\\\/Design-sans-titre.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-background-video-container\" aria-hidden=\"true\">\n\t\t\t\t\t\t\t<video class=\"elementor-background-video-hosted\" autoplay muted playsinline loop><\/video>\n\t\t\t\t\t<\/div>\t\t<div class=\"elementor-element elementor-element-bd5394d elementor-widget elementor-widget-html\" data-id=\"bd5394d\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section style=\"color: #fff; text-align: center; padding: 80px 20px; font-family: 'Roboto', sans-serif; background: transparent;\">\r\n  <h1 style=\"font-size: 50px; font-weight: 900; color: #fff; margin-bottom: 15px;\">Veilles Technologiques<\/h1>\r\n  <p style=\"font-size: 20px; font-weight: 400; color: #fff; letter-spacing: 1px;\">\r\n    D\u00e9couvrez l\u2019ensemble des veilles technologiques\r\n  <\/p>\r\n<\/section>\r\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-343c65b e-flex e-con-boxed e-con e-parent\" data-id=\"343c65b\" 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-f776cd5 elementor-widget elementor-widget-html\" data-id=\"f776cd5\" data-element_type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!-- SECTION VEILLE TECHNOLOGIQUE -->\r\n<section style=\"padding: 80px 5%; font-family: 'Roboto', sans-serif; background: #fff;\">\r\n\r\n  <!-- Titre principal -->\r\n  <div style=\"text-align: center; margin-bottom: 60px;\">\r\n    <h2 style=\"color: #FFD700; font-size: 1.2rem; font-weight: 700; letter-spacing: 2px; margin-bottom: 10px;\">VEILLE TECHNOLOGIQUE<\/h2>\r\n    <h1 style=\"color: #000; font-size: 3rem; font-weight: 800; margin-bottom: 20px;\">Data & Intelligence Artificielle<\/h1>\r\n    <p style=\"color: #666; font-size: 1.1rem; max-width: 600px; margin: 0 auto; line-height: 1.6;\">\r\n      Exploration des tendances et innovations dans les domaines de la Data et de l'IA\r\n    <\/p>\r\n  <\/div>\r\n\r\n  <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 40px; max-width: 1400px; margin: 0 auto;\">\r\n\r\n    <!-- SECTION DATA -->\r\n    <div style=\"background: #f8f9fa; border-radius: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 2px solid #FFD700;\">\r\n      \r\n      <!-- En-t\u00eate Data -->\r\n      <div style=\"text-align: center; margin-bottom: 30px;\">\r\n        <div style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #21759b, #1a6485); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 8px 20px rgba(33, 117, 155, 0.3);\">\r\n          <span style=\"color: white; font-size: 2rem; font-weight: bold;\">D<\/span>\r\n        <\/div>\r\n        <h3 style=\"color: #000; font-size: 1.8rem; font-weight: 800; margin-bottom: 10px;\">Data Analytics<\/h3>\r\n        <p style=\"color: #666; font-size: 1rem;\">Exploration des donn\u00e9es par secteur d'activit\u00e9<\/p>\r\n      <\/div>\r\n\r\n      <!-- Navigation par domaine -->\r\n      <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px;\">\r\n        <button class=\"domain-btn active\" data-domain=\"sport\" style=\"background: #FFD700; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          Sport\r\n        <\/button>\r\n        <button class=\"domain-btn\" data-domain=\"banque\" style=\"background: #e9ecef; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          Banque\r\n        <\/button>\r\n        <button class=\"domain-btn\" data-domain=\"commerce\" style=\"background: #e9ecef; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          Commerce\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Contenu Data -->\r\n      <div id=\"data-content\" style=\"min-height: 450px; background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05);\">\r\n        \r\n        <!-- Image Data -->\r\n        <div style=\"text-align: center; margin-bottom: 25px;\">\r\n          <img decoding=\"async\" id=\"data-image\" src=\"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/data-sport.webp\" \r\n               alt=\"Data Sport\" \r\n               style=\"width: 100%; max-width: 300px; height: 200px; object-fit: cover; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <\/div>\r\n\r\n        <!-- Contenu textuel Data -->\r\n        <div id=\"data-text\">\r\n          <h4 style=\"color: #000; font-size: 1.4rem; font-weight: 800; margin-bottom: 15px; border-bottom: 2px solid #FFD700; padding-bottom: 10px;\">Sport<\/h4>\r\n          \r\n          <div style=\"margin-bottom: 20px;\">\r\n            <h5 style=\"color: #21759b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n              <span style=\"background: #21759b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">1<\/span>\r\n              Contexte\r\n            <\/h5>\r\n            <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">\r\n              La Data est devenue un \u00e9l\u00e9ment central dans le sport moderne, transformant la fa\u00e7on dont les performances sont analys\u00e9es et optimis\u00e9es.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 20px;\">\r\n            <h5 style=\"color: #21759b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n              <span style=\"background: #21759b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">2<\/span>\r\n              Introduction \u00e0 la Data Sportive\r\n            <\/h5>\r\n            <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">\r\n              Les clubs, entra\u00eeneurs et athl\u00e8tes utilisent massivement les donn\u00e9es pour analyser les performances, optimiser les entra\u00eenements et am\u00e9liorer les strat\u00e9gies de jeu gr\u00e2ce \u00e0 des technologies avanc\u00e9es.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div style=\"background: #fff8e1; padding: 20px; border-radius: 10px; border-left: 4px solid #FFD700; margin-bottom: 25px;\">\r\n            <h5 style=\"color: #000; font-weight: 800; margin-bottom: 10px;\">Impact Transformationnel<\/h5>\r\n            <p style=\"color: #333; line-height: 1.6;\">\r\n              La Data r\u00e9volutionne le sport en permettant une analyse pr\u00e9cise des performances, une pr\u00e9vention avanc\u00e9e des blessures et une personnalisation optimale des entra\u00eenements, tout en offrant aux supporters une exp\u00e9rience immersive et engageante.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Bouton Source Data -->\r\n          <div style=\"text-align: center; margin-top: 20px;\">\r\n            <a href=\"https:\/\/www.lemondeinformatique.fr\/actualites\/lire-la-data-au-service-de-la-performance-sportive-90493.html\" target=\"_blank\" style=\"background: #21759b; color: white; border: none; padding: 12px 30px; border-radius: 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(33, 117, 155, 0.3);\">\r\n              \ud83d\udcca Voir la Source\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n    <!-- SECTION IA -->\r\n    <div style=\"background: #f8f9fa; border-radius: 20px; padding: 40px; box-shadow: 0 10px 30px rgba(0,0,0,0.08); border: 2px solid #FFD700;\">\r\n      \r\n      <!-- En-t\u00eate IA -->\r\n      <div style=\"text-align: center; margin-bottom: 30px;\">\r\n        <div style=\"width: 80px; height: 80px; background: linear-gradient(135deg, #ff6b6b, #ee5a52); border-radius: 50%; display: flex; align-items: center; justify-content: center; margin: 0 auto 20px; box-shadow: 0 8px 20px rgba(255, 107, 107, 0.3);\">\r\n          <span style=\"color: white; font-size: 2rem; font-weight: bold;\">IA<\/span>\r\n        <\/div>\r\n        <h3 style=\"color: #000; font-size: 1.8rem; font-weight: 800; margin-bottom: 10px;\">Intelligence Artificielle<\/h3>\r\n        <p style=\"color: #666; font-size: 1rem;\">Applications de l'IA dans diff\u00e9rents secteurs<\/p>\r\n      <\/div>\r\n\r\n      <!-- Navigation par domaine IA -->\r\n      <div style=\"display: grid; grid-template-columns: repeat(3, 1fr); gap: 15px; margin-bottom: 30px;\">\r\n        <button class=\"ia-btn active\" data-ia=\"sante\" style=\"background: #FFD700; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          Sant\u00e9\r\n        <\/button>\r\n        <button class=\"ia-btn\" data-ia=\"finance\" style=\"background: #e9ecef; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          Finance\r\n        <\/button>\r\n        <button class=\"ia-btn\" data-ia=\"education\" style=\"background: #e9ecef; color: #000; border: none; padding: 15px; border-radius: 10px; font-weight: 700; cursor: pointer; transition: all 0.3s ease;\">\r\n          \u00c9ducation\r\n        <\/button>\r\n      <\/div>\r\n\r\n      <!-- Contenu IA -->\r\n      <div id=\"ia-content\" style=\"min-height: 450px; background: white; padding: 30px; border-radius: 15px; box-shadow: 0 5px 15px rgba(0,0,0,0.05);\">\r\n        \r\n        <!-- Image IA -->\r\n        <div style=\"text-align: center; margin-bottom: 25px;\">\r\n          <img decoding=\"async\" id=\"ia-image\" src=\"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/ia_sante.webp\" \r\n               alt=\"IA Sant\u00e9\" \r\n               style=\"width: 100%; max-width: 300px; height: 200px; object-fit: cover; border-radius: 10px; box-shadow: 0 5px 15px rgba(0,0,0,0.1);\">\r\n        <\/div>\r\n\r\n        <!-- Contenu textuel IA -->\r\n        <div id=\"ia-text\">\r\n          <h4 style=\"color: #000; font-size: 1.4rem; font-weight: 800; margin-bottom: 15px; border-bottom: 2px solid #FFD700; padding-bottom: 10px;\">Sant\u00e9<\/h4>\r\n          \r\n          <div style=\"margin-bottom: 20px;\">\r\n            <h5 style=\"color: #ff6b6b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n              <span style=\"background: #ff6b6b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">1<\/span>\r\n              Contexte\r\n            <\/h5>\r\n            <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">\r\n              L'IA transforme radicalement le secteur de la sant\u00e9 en permettant des diagnostics plus pr\u00e9cis et des traitements personnalis\u00e9s.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div style=\"margin-bottom: 20px;\">\r\n            <h5 style=\"color: #ff6b6b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n              <span style=\"background: #ff6b6b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">2<\/span>\r\n              Introduction \u00e0 l'IA M\u00e9dicale\r\n            <\/h5>\r\n            <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">\r\n              Les algorithmes d'IA analysent les images m\u00e9dicales, pr\u00e9disent les risques de maladies et aident les m\u00e9decins \u00e0 prendre des d\u00e9cisions \u00e9clair\u00e9es pour am\u00e9liorer les soins aux patients.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <div style=\"background: #ffeaea; padding: 20px; border-radius: 10px; border-left: 4px solid #ff6b6b; margin-bottom: 25px;\">\r\n            <h5 style=\"color: #000; font-weight: 800; margin-bottom: 10px;\">R\u00e9volution M\u00e9dicale<\/h5>\r\n            <p style=\"color: #333; line-height: 1.6;\">\r\n              L'IA ouvre de nouvelles perspectives en m\u00e9decine avec des diagnostics assist\u00e9s par ordinateur, la d\u00e9couverte de m\u00e9dicaments acc\u00e9l\u00e9r\u00e9e et la m\u00e9decine personnalis\u00e9e, tout en r\u00e9duisant les erreurs m\u00e9dicales et en optimisant les ressources.\r\n            <\/p>\r\n          <\/div>\r\n\r\n          <!-- Bouton Source IA -->\r\n          <div style=\"text-align: center; margin-top: 20px;\">\r\n            <a href=\"https:\/\/www.lesechos.fr\/tech-medias\/intelligence-artificielle\/lia-revolutionne-la-sante-mais-pose-des-questions-ethiques-2041682\" target=\"_blank\" style=\"background: #ff6b6b; color: white; border: none; padding: 12px 30px; border-radius: 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);\">\r\n              \ud83d\udcca Voir la Source\r\n            <\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<!-- Styles -->\r\n<style>\r\n  .domain-btn:hover, .ia-btn:hover {\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 5px 15px rgba(0,0,0,0.2);\r\n  }\r\n\r\n  .domain-btn.active, .ia-btn.active {\r\n    background: #FFD700 !important;\r\n    color: #000 !important;\r\n    box-shadow: 0 4px 10px rgba(255, 215, 0, 0.4);\r\n  }\r\n\r\n  \/* Styles pour les boutons de sources *\/\r\n  a[style*=\"background: #21759b\"]:hover,\r\n  a[style*=\"background: #ff6b6b\"]:hover {\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 6px 20px rgba(0,0,0,0.25);\r\n    text-decoration: none;\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes fadeIn {\r\n    from { opacity: 0; transform: translateY(10px); }\r\n    to { opacity: 1; transform: translateY(0); }\r\n  }\r\n\r\n  #data-content, #ia-content {\r\n    animation: fadeIn 0.5s ease;\r\n  }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px) {\r\n    section > div {\r\n      grid-template-columns: 1fr !important;\r\n      gap: 30px !important;\r\n    }\r\n    \r\n    section {\r\n      padding: 50px 3% !important;\r\n    }\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .domain-btn, .ia-btn {\r\n      padding: 12px 8px !important;\r\n      font-size: 0.9rem;\r\n    }\r\n    \r\n    h1 {\r\n      font-size: 2.2rem !important;\r\n    }\r\n    \r\n    h3 {\r\n      font-size: 1.5rem !important;\r\n    }\r\n    \r\n    a[style*=\"padding: 12px 30px\"] {\r\n      padding: 10px 25px !important;\r\n      font-size: 0.9rem;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<!-- Script -->\r\n<script>\r\n  \/\/ Contenu pour la Data avec sources\r\n  const dataContent = {\r\n    sport: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/data-sport.webp\",\r\n      title: \"Sport\",\r\n      contexte: \"La Data est devenue un \u00e9l\u00e9ment central dans le sport moderne, transformant la fa\u00e7on dont les performances sont analys\u00e9es et optimis\u00e9es.\",\r\n      introduction: \"Les clubs, entra\u00eeneurs et athl\u00e8tes utilisent massivement les donn\u00e9es pour analyser les performances, optimiser les entra\u00eenements et am\u00e9liorer les strat\u00e9gies de jeu gr\u00e2ce \u00e0 des technologies avanc\u00e9es.\",\r\n      impact: \"La Data r\u00e9volutionne le sport en permettant une analyse pr\u00e9cise des performances, une pr\u00e9vention avanc\u00e9e des blessures et une personnalisation optimale des entra\u00eenements, tout en offrant aux supporters une exp\u00e9rience immersive et engageante.\",\r\n      sourceLink: \"https:\/\/www.lemondeinformatique.fr\/actualites\/lire-la-data-au-service-de-la-performance-sportive-90493.html\"\r\n    },\r\n    banque: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/data_banque.webp\",\r\n      title: \"Banque\",\r\n      contexte: \"Le secteur bancaire utilise la Data pour transformer les services financiers et am\u00e9liorer l'exp\u00e9rience client.\",\r\n      introduction: \"Les institutions financi\u00e8res exploitent les donn\u00e9es pour la d\u00e9tection de fraude, la personnalisation des services et l'optimisation des risques, r\u00e9volutionnant ainsi les services bancaires traditionnels.\",\r\n      impact: \"La Data permet aux banques d'offrir des services plus s\u00e9curis\u00e9s, personnalis\u00e9s et efficaces, tout en r\u00e9duisant les risques et en am\u00e9liorant la conformit\u00e9 r\u00e9glementaire.\",\r\n      sourceLink: \"https:\/\/www.journaldunet.com\/ebusiness\/le-net\/1496899-la-transformation-digitale-des-banques\/\"\r\n    },\r\n    commerce: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/data_commerce.webp\",\r\n      title: \"Commerce\",\r\n      contexte: \"La Data transforme le commerce en permettant une compr\u00e9hension approfondie des comportements clients et des tendances du march\u00e9.\",\r\n      introduction: \"Les entreprises utilisent l'analyse de donn\u00e9es pour optimiser les stocks, personnaliser les exp\u00e9riences d'achat et anticiper les demandes futures, cr\u00e9ant ainsi un avantage comp\u00e9titif significatif.\",\r\n      impact: \"La Data r\u00e9volutionne le commerce en permettant une exp\u00e9rience client hyper-personnalis\u00e9e, une gestion optimis\u00e9e de la cha\u00eene d'approvisionnement et une prise de d\u00e9cision bas\u00e9e sur des insights en temps r\u00e9el.\",\r\n      sourceLink: \"https:\/\/www.ecommercemag.fr\/Thematique\/data-1009\/actualites.htm\"\r\n    }\r\n  };\r\n\r\n  \/\/ Contenu pour l'IA avec sources\r\n  const iaContent = {\r\n    sante: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/ia_sante.webp\",\r\n      title: \"Sant\u00e9\",\r\n      contexte: \"L'IA transforme radicalement le secteur de la sant\u00e9 en permettant des diagnostics plus pr\u00e9cis et des traitements personnalis\u00e9s.\",\r\n      introduction: \"Les algorithmes d'IA analysent les images m\u00e9dicales, pr\u00e9disent les risques de maladies et aident les m\u00e9decins \u00e0 prendre des d\u00e9cisions \u00e9clair\u00e9es pour am\u00e9liorer les soins aux patients.\",\r\n      impact: \"L'IA ouvre de nouvelles perspectives en m\u00e9decine avec des diagnostics assist\u00e9s par ordinateur, la d\u00e9couverte de m\u00e9dicaments acc\u00e9l\u00e9r\u00e9e et la m\u00e9decine personnalis\u00e9e, tout en r\u00e9duisant les erreurs m\u00e9dicales et en optimisant les ressources.\",\r\n      sourceLink: \"https:\/\/www.lesechos.fr\/tech-medias\/intelligence-artificielle\/lia-revolutionne-la-sante-mais-pose-des-questions-ethiques-2041682\"\r\n    },\r\n    finance: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/ia-_fiance.webp\",\r\n      title: \"Finance\",\r\n      contexte: \"L'IA r\u00e9volutionne le secteur financier en automatisant les processus et en am\u00e9liorant la pr\u00e9cision des analyses.\",\r\n      introduction: \"Les syst\u00e8mes d'IA d\u00e9tectent les fraudes en temps r\u00e9el, optimisent les portefeuilles d'investissement et fournissent des conseils financiers personnalis\u00e9s, transformant ainsi les services financiers traditionnels.\",\r\n      impact: \"L'IA permet une gestion des risques plus sophistiqu\u00e9e, une automatisation des processus complexes et des services financiers accessibles 24\/7, tout en am\u00e9liorant la s\u00e9curit\u00e9 et la conformit\u00e9.\",\r\n      sourceLink: \"https:\/\/www.silicon.fr\/ia-finance-banque-403244.html\"\r\n    },\r\n    education: {\r\n      image: \"https:\/\/liamidisaobaneportfolio.ovh\/wp-content\/uploads\/2025\/11\/ia_education.webp\",\r\n      title: \"\u00c9ducation\",\r\n      contexte: \"L'IA personnalise l'apprentissage et transforme les m\u00e9thodes p\u00e9dagogiques traditionnelles.\",\r\n      introduction: \"Les plateformes \u00e9ducatives utilisent l'IA pour adapter le contenu au rythme d'apprentissage de chaque \u00e9tudiant, fournir un feedback instantan\u00e9 et identifier les difficult\u00e9s d'apprentissage pr\u00e9coces.\",\r\n      impact: \"L'IA d\u00e9mocratise l'\u00e9ducation en offrant un apprentissage personnalis\u00e9 \u00e0 grande \u00e9chelle, en automatisant les t\u00e2ches administratives et en cr\u00e9ant des exp\u00e9riences d'apprentissage immersives et engageantes.\",\r\n      sourceLink: \"https:\/\/www.cafepedagogique.net\/2023\/09\/05\/lintelligence-artificielle-va-t-elle-revolutionner-leducation\/\"\r\n    }\r\n  };\r\n\r\n  \/\/ Gestion des boutons Data\r\n  document.querySelectorAll('.domain-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      \/\/ Retirer la classe active de tous les boutons\r\n      document.querySelectorAll('.domain-btn').forEach(b => b.style.background = '#e9ecef');\r\n      \/\/ Ajouter la classe active au bouton cliqu\u00e9\r\n      this.style.background = '#FFD700';\r\n      \r\n      const domain = this.getAttribute('data-domain');\r\n      const content = dataContent[domain];\r\n      \r\n      \/\/ Mettre \u00e0 jour le contenu\r\n      document.getElementById('data-image').src = content.image;\r\n      document.getElementById('data-text').innerHTML = `\r\n        <h4 style=\"color: #000; font-size: 1.4rem; font-weight: 800; margin-bottom: 15px; border-bottom: 2px solid #FFD700; padding-bottom: 10px;\">${content.title}<\/h4>\r\n        \r\n        <div style=\"margin-bottom: 20px;\">\r\n          <h5 style=\"color: #21759b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n            <span style=\"background: #21759b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">1<\/span>\r\n            Contexte\r\n          <\/h5>\r\n          <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">${content.contexte}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"margin-bottom: 20px;\">\r\n          <h5 style=\"color: #21759b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n            <span style=\"background: #21759b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">2<\/span>\r\n            Introduction \u00e0 la Data ${content.title}\r\n          <\/h5>\r\n          <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">${content.introduction}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"background: #fff8e1; padding: 20px; border-radius: 10px; border-left: 4px solid #FFD700; margin-bottom: 25px;\">\r\n          <h5 style=\"color: #000; font-weight: 800; margin-bottom: 10px;\">Impact Transformationnel<\/h5>\r\n          <p style=\"color: #333; line-height: 1.6;\">${content.impact}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"text-align: center; margin-top: 20px;\">\r\n          <a href=\"${content.sourceLink}\" target=\"_blank\" style=\"background: #21759b; color: white; border: none; padding: 12px 30px; border-radius: 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(33, 117, 155, 0.3);\">\r\n            \ud83d\udcca Voir la Source\r\n          <\/a>\r\n        <\/div>\r\n      `;\r\n    });\r\n  });\r\n\r\n  \/\/ Gestion des boutons IA\r\n  document.querySelectorAll('.ia-btn').forEach(btn => {\r\n    btn.addEventListener('click', function() {\r\n      \/\/ Retirer la classe active de tous les boutons\r\n      document.querySelectorAll('.ia-btn').forEach(b => b.style.background = '#e9ecef');\r\n      \/\/ Ajouter la classe active au bouton cliqu\u00e9\r\n      this.style.background = '#FFD700';\r\n      \r\n      const domain = this.getAttribute('data-ia');\r\n      const content = iaContent[domain];\r\n      \r\n      \/\/ Mettre \u00e0 jour le contenu\r\n      document.getElementById('ia-image').src = content.image;\r\n      document.getElementById('ia-text').innerHTML = `\r\n        <h4 style=\"color: #000; font-size: 1.4rem; font-weight: 800; margin-bottom: 15px; border-bottom: 2px solid #FFD700; padding-bottom: 10px;\">${content.title}<\/h4>\r\n        \r\n        <div style=\"margin-bottom: 20px;\">\r\n          <h5 style=\"color: #ff6b6b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n            <span style=\"background: #ff6b6b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">1<\/span>\r\n            Contexte\r\n          <\/h5>\r\n          <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">${content.contexte}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"margin-bottom: 20px;\">\r\n          <h5 style=\"color: #ff6b6b; font-weight: 700; margin-bottom: 8px; display: flex; align-items: center; gap: 8px;\">\r\n            <span style=\"background: #ff6b6b; color: white; width: 24px; height: 24px; border-radius: 50%; display: inline-flex; align-items: center; justify-content: center; font-size: 0.9rem;\">2<\/span>\r\n            Introduction \u00e0 l'IA ${content.title}\r\n          <\/h5>\r\n          <p style=\"color: #333; line-height: 1.6; margin-left: 32px;\">${content.introduction}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"background: #ffeaea; padding: 20px; border-radius: 10px; border-left: 4px solid #ff6b6b; margin-bottom: 25px;\">\r\n          <h5 style=\"color: #000; font-weight: 800; margin-bottom: 10px;\">R\u00e9volution ${content.title}<\/h5>\r\n          <p style=\"color: #333; line-height: 1.6;\">${content.impact}<\/p>\r\n        <\/div>\r\n\r\n        <div style=\"text-align: center; margin-top: 20px;\">\r\n          <a href=\"${content.sourceLink}\" target=\"_blank\" style=\"background: #ff6b6b; color: white; border: none; padding: 12px 30px; border-radius: 25px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; text-decoration: none; display: inline-flex; align-items: center; gap: 8px; box-shadow: 0 4px 12px rgba(255, 107, 107, 0.3);\">\r\n            \ud83d\udcca Voir la Source\r\n          <\/a>\r\n        <\/div>\r\n      `;\r\n    });\r\n  });\r\n<\/script>\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-67d7dc7 e-flex e-con-boxed e-con e-parent\" data-id=\"67d7dc7\" 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-dc35549 elementor-widget elementor-widget-html\" data-id=\"dc35549\" data-element_type=\"widget\" data-widget_type=\"html.default\">\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>Tech Horizons 2025 - Newsletter<\/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        * {\r\n            margin: 0;\r\n            padding: 0;\r\n            box-sizing: border-box;\r\n        }\r\n        \r\n        :root {\r\n            --primary-color: #2563eb;\r\n            --secondary-color: #7c3aed;\r\n            --accent-color: #059669;\r\n            --dark-color: #1e293b;\r\n            --light-color: #f8fafc;\r\n            --text-color: #334155;\r\n            --border-color: #e2e8f0;\r\n        }\r\n        \r\n        body {\r\n            font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;\r\n            line-height: 1.6;\r\n            color: var(--text-color);\r\n            background: linear-gradient(135deg, #f0f9ff 0%, #fef7ff 100%);\r\n            min-height: 100vh;\r\n            padding: 20px;\r\n        }\r\n        \r\n        .newsletter-wrapper {\r\n            max-width: 1100px;\r\n            margin: 0 auto;\r\n            background: white;\r\n            border-radius: 24px;\r\n            overflow: hidden;\r\n            box-shadow: \r\n                0 20px 60px rgba(0, 0, 0, 0.08),\r\n                0 0 0 1px rgba(0, 0, 0, 0.02);\r\n        }\r\n        \r\n        \/* Header *\/\r\n        .header {\r\n            background: linear-gradient(135deg, var(--primary-color) 0%, var(--secondary-color) 100%);\r\n            color: white;\r\n            padding: 60px 40px;\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: 0;\r\n            left: 0;\r\n            right: 0;\r\n            bottom: 0;\r\n            background: \r\n                radial-gradient(circle at 20% 80%, rgba(255,255,255,0.1) 0%, transparent 50%),\r\n                radial-gradient(circle at 80% 20%, rgba(255,255,255,0.05) 0%, transparent 50%);\r\n        }\r\n        \r\n        .header-top {\r\n            display: flex;\r\n            justify-content: space-between;\r\n            align-items: center;\r\n            margin-bottom: 40px;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .logo {\r\n            font-size: 2rem;\r\n            font-weight: 900;\r\n            letter-spacing: -0.5px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .logo-icon {\r\n            width: 40px;\r\n            height: 40px;\r\n            background: rgba(255, 255, 255, 0.2);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        .issue-info {\r\n            background: rgba(255, 255, 255, 0.15);\r\n            padding: 10px 24px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            font-size: 0.9rem;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        .header-content {\r\n            text-align: center;\r\n            max-width: 800px;\r\n            margin: 0 auto;\r\n            position: relative;\r\n            z-index: 2;\r\n        }\r\n        \r\n        .header-title {\r\n            font-size: 3.2rem;\r\n            font-weight: 900;\r\n            line-height: 1.1;\r\n            margin-bottom: 20px;\r\n            letter-spacing: -0.5px;\r\n        }\r\n        \r\n        .header-subtitle {\r\n            font-size: 1.4rem;\r\n            opacity: 0.9;\r\n            margin-bottom: 30px;\r\n            font-weight: 400;\r\n        }\r\n        \r\n        .header-meta {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n            background: rgba(255, 255, 255, 0.15);\r\n            padding: 15px 30px;\r\n            border-radius: 50px;\r\n            font-weight: 600;\r\n            backdrop-filter: blur(10px);\r\n        }\r\n        \r\n        \/* Navigation *\/\r\n        .tech-nav {\r\n            display: flex;\r\n            justify-content: center;\r\n            gap: 15px;\r\n            padding: 25px 40px;\r\n            background: var(--light-color);\r\n            border-bottom: 1px solid var(--border-color);\r\n            flex-wrap: wrap;\r\n        }\r\n        \r\n        .nav-btn {\r\n            padding: 12px 24px;\r\n            background: white;\r\n            border: 2px solid var(--border-color);\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            color: var(--text-color);\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .nav-btn:hover, .nav-btn.active {\r\n            background: var(--primary-color);\r\n            color: white;\r\n            border-color: var(--primary-color);\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(37, 99, 235, 0.2);\r\n        }\r\n        \r\n        \/* Main Content *\/\r\n        .main-content {\r\n            padding: 50px 40px;\r\n        }\r\n        \r\n        .section-title {\r\n            font-size: 1.8rem;\r\n            font-weight: 800;\r\n            color: var(--dark-color);\r\n            margin-bottom: 30px;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .section-title i {\r\n            color: var(--primary-color);\r\n        }\r\n        \r\n        \/* Tech Grid *\/\r\n        .tech-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(350px, 1fr));\r\n            gap: 30px;\r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .tech-card {\r\n            background: white;\r\n            border-radius: 20px;\r\n            overflow: hidden;\r\n            border: 1px solid var(--border-color);\r\n            transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\r\n            position: relative;\r\n        }\r\n        \r\n        .tech-card:hover {\r\n            transform: translateY(-10px);\r\n            box-shadow: \r\n                0 25px 50px rgba(0, 0, 0, 0.12),\r\n                0 0 0 1px rgba(37, 99, 235, 0.1);\r\n            border-color: var(--primary-color);\r\n        }\r\n        \r\n        .card-header {\r\n            padding: 30px;\r\n            background: linear-gradient(135deg, #f0f9ff 0%, #f8fafc 100%);\r\n            position: relative;\r\n        }\r\n        \r\n        .card-badge {\r\n            position: absolute;\r\n            top: 20px;\r\n            right: 20px;\r\n            background: var(--primary-color);\r\n            color: white;\r\n            padding: 6px 15px;\r\n            border-radius: 50px;\r\n            font-size: 0.8rem;\r\n            font-weight: 700;\r\n        }\r\n        \r\n        .card-icon {\r\n            width: 70px;\r\n            height: 70px;\r\n            border-radius: 18px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            margin-bottom: 25px;\r\n            font-size: 2rem;\r\n            color: white;\r\n        }\r\n        \r\n        .card-title {\r\n            font-size: 1.6rem;\r\n            font-weight: 800;\r\n            color: var(--dark-color);\r\n            margin-bottom: 15px;\r\n            line-height: 1.3;\r\n        }\r\n        \r\n        .card-content {\r\n            padding: 0 30px 30px;\r\n        }\r\n        \r\n        .card-description {\r\n            color: var(--text-color);\r\n            margin-bottom: 25px;\r\n            line-height: 1.7;\r\n        }\r\n        \r\n        .card-stats {\r\n            display: grid;\r\n            grid-template-columns: repeat(2, 1fr);\r\n            gap: 15px;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .stat-item {\r\n            background: var(--light-color);\r\n            padding: 15px;\r\n            border-radius: 12px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .stat-value {\r\n            font-size: 1.5rem;\r\n            font-weight: 800;\r\n            color: var(--primary-color);\r\n            margin-bottom: 5px;\r\n        }\r\n        \r\n        .stat-label {\r\n            font-size: 0.9rem;\r\n            color: var(--text-color);\r\n            opacity: 0.8;\r\n        }\r\n        \r\n        .card-features {\r\n            list-style: none;\r\n            margin-bottom: 25px;\r\n        }\r\n        \r\n        .card-features li {\r\n            padding: 12px 0;\r\n            border-bottom: 1px solid var(--border-color);\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 12px;\r\n        }\r\n        \r\n        .card-features li i {\r\n            color: var(--accent-color);\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        .card-actions {\r\n            display: flex;\r\n            gap: 15px;\r\n        }\r\n        \r\n        .btn {\r\n            flex: 1;\r\n            padding: 14px 24px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-weight: 600;\r\n            cursor: pointer;\r\n            transition: all 0.3s ease;\r\n            text-align: center;\r\n            text-decoration: none;\r\n            display: inline-flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .btn-primary {\r\n            background: var(--primary-color);\r\n            color: white;\r\n        }\r\n        \r\n        .btn-primary:hover {\r\n            background: #1d4ed8;\r\n            transform: translateY(-2px);\r\n            box-shadow: 0 10px 20px rgba(37, 99, 235, 0.3);\r\n        }\r\n        \r\n        .btn-secondary {\r\n            background: var(--light-color);\r\n            color: var(--text-color);\r\n            border: 1px solid var(--border-color);\r\n        }\r\n        \r\n        .btn-secondary:hover {\r\n            background: #e2e8f0;\r\n            transform: translateY(-2px);\r\n        }\r\n        \r\n        \/* Market Insights *\/\r\n        .market-section {\r\n            background: linear-gradient(135deg, #fef7ff 0%, #f0f9ff 100%);\r\n            border-radius: 20px;\r\n            padding: 40px;\r\n            margin-bottom: 50px;\r\n        }\r\n        \r\n        .market-grid {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 25px;\r\n        }\r\n        \r\n        .market-card {\r\n            background: white;\r\n            padding: 30px;\r\n            border-radius: 16px;\r\n            border: 1px solid var(--border-color);\r\n            text-align: center;\r\n        }\r\n        \r\n        .market-value {\r\n            font-size: 2.5rem;\r\n            font-weight: 900;\r\n            color: var(--primary-color);\r\n            margin-bottom: 10px;\r\n            line-height: 1;\r\n        }\r\n        \r\n        .market-label {\r\n            font-size: 1.1rem;\r\n            font-weight: 600;\r\n            color: var(--dark-color);\r\n            margin-bottom: 15px;\r\n        }\r\n        \r\n        .market-trend {\r\n            display: inline-flex;\r\n            align-items: center;\r\n            gap: 8px;\r\n            padding: 6px 15px;\r\n            border-radius: 50px;\r\n            font-size: 0.9rem;\r\n            font-weight: 600;\r\n        }\r\n        \r\n        .trend-up {\r\n            background: #dcfce7;\r\n            color: var(--accent-color);\r\n        }\r\n        \r\n        .trend-down {\r\n            background: #fee2e2;\r\n            color: #dc2626;\r\n        }\r\n        \r\n        \/* Newsletter Signup *\/\r\n        .newsletter-signup {\r\n            background: linear-gradient(135deg, var(--dark-color) 0%, #0f172a 100%);\r\n            color: white;\r\n            padding: 60px 40px;\r\n            border-radius: 20px;\r\n            text-align: center;\r\n        }\r\n        \r\n        .signup-title {\r\n            font-size: 2.2rem;\r\n            font-weight: 900;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .signup-form {\r\n            max-width: 500px;\r\n            margin: 40px auto 0;\r\n        }\r\n        \r\n        .form-group {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-bottom: 20px;\r\n        }\r\n        \r\n        .form-input {\r\n            flex: 1;\r\n            padding: 16px 24px;\r\n            border: none;\r\n            border-radius: 12px;\r\n            font-size: 1rem;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            color: white;\r\n            border: 1px solid rgba(255, 255, 255, 0.2);\r\n        }\r\n        \r\n        .form-input::placeholder {\r\n            color: rgba(255, 255, 255, 0.6);\r\n        }\r\n        \r\n        \/* Footer *\/\r\n        .footer {\r\n            padding: 50px 40px;\r\n            background: var(--dark-color);\r\n            color: white;\r\n        }\r\n        \r\n        .footer-content {\r\n            display: grid;\r\n            grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\r\n            gap: 40px;\r\n            margin-bottom: 40px;\r\n        }\r\n        \r\n        .footer-section h3 {\r\n            font-size: 1.2rem;\r\n            font-weight: 700;\r\n            margin-bottom: 20px;\r\n            color: #f8fafc;\r\n        }\r\n        \r\n        .footer-links {\r\n            list-style: none;\r\n        }\r\n        \r\n        .footer-links li {\r\n            margin-bottom: 12px;\r\n        }\r\n        \r\n        .footer-links a {\r\n            color: #cbd5e1;\r\n            text-decoration: none;\r\n            transition: color 0.3s;\r\n            display: flex;\r\n            align-items: center;\r\n            gap: 10px;\r\n        }\r\n        \r\n        .footer-links a:hover {\r\n            color: white;\r\n        }\r\n        \r\n        .social-links {\r\n            display: flex;\r\n            gap: 15px;\r\n            margin-top: 20px;\r\n        }\r\n        \r\n        .social-link {\r\n            width: 45px;\r\n            height: 45px;\r\n            background: rgba(255, 255, 255, 0.1);\r\n            border-radius: 12px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            color: white;\r\n            text-decoration: none;\r\n            transition: all 0.3s;\r\n        }\r\n        \r\n        .social-link:hover {\r\n            background: var(--primary-color);\r\n            transform: translateY(-3px);\r\n        }\r\n        \r\n        .copyright {\r\n            text-align: center;\r\n            padding-top: 30px;\r\n            border-top: 1px solid rgba(255, 255, 255, 0.1);\r\n            color: #94a3b8;\r\n            font-size: 0.9rem;\r\n        }\r\n        \r\n        \/* Responsive *\/\r\n        @media (max-width: 768px) {\r\n            .header-title {\r\n                font-size: 2.5rem;\r\n            }\r\n            \r\n            .header-subtitle {\r\n                font-size: 1.2rem;\r\n            }\r\n            \r\n            .tech-grid {\r\n                grid-template-columns: 1fr;\r\n            }\r\n            \r\n            .form-group {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .card-actions {\r\n                flex-direction: column;\r\n            }\r\n            \r\n            .nav-btn {\r\n                padding: 10px 20px;\r\n                font-size: 0.9rem;\r\n            }\r\n        }\r\n        \r\n        @media (max-width: 480px) {\r\n            .header {\r\n                padding: 40px 25px;\r\n            }\r\n            \r\n            .main-content {\r\n                padding: 30px 25px;\r\n            }\r\n            \r\n            .header-title {\r\n                font-size: 2rem;\r\n            }\r\n            \r\n            .section-title {\r\n                font-size: 1.5rem;\r\n            }\r\n            \r\n            .market-value {\r\n                font-size: 2rem;\r\n            }\r\n        }\r\n    <\/style>\r\n<\/head>\r\n<body>\r\n    <div class=\"newsletter-wrapper\">\r\n        <!-- Header -->\r\n        <header class=\"header\">\r\n            <div class=\"header-top\">\r\n                <div class=\"logo\">\r\n                    <div class=\"logo-icon\">\r\n                        <i class=\"fas fa-satellite\"><\/i>\r\n                    <\/div>\r\n                    <span>TECH HORIZONS<\/span>\r\n                <\/div>\r\n                <div class=\"issue-info\">\u00c9DITION DU TRIMESTRE 2 \u2022 2025<\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"header-content\">\r\n                <h1 class=\"header-title\">Les R\u00e9volutions Tech de 2025 en Action<\/h1>\r\n                <p class=\"header-subtitle\">\r\n                    Un panorama complet des technologies qui transforment actuellement nos industries, \r\n                    notre \u00e9conomie et notre quotidien\r\n                <\/p>\r\n                <div class=\"header-meta\">\r\n                    <i class=\"far fa-calendar-alt\"><\/i>\r\n                    <span>MAI 2025 \u2022 TECHNOLOGIES ACTUELLES \u2022 APPLICATIONS CONCR\u00c8TES<\/span>\r\n                <\/div>\r\n            <\/div>\r\n        <\/header>\r\n        \r\n        <!-- Navigation -->\r\n        <nav class=\"tech-nav\">\r\n            <button class=\"nav-btn active\" data-category=\"ai\">\r\n                <i class=\"fas fa-brain\"><\/i> Intelligence Artificielle\r\n            <\/button>\r\n            <button class=\"nav-btn\" data-category=\"quantum\">\r\n                <i class=\"fas fa-atom\"><\/i> Informatique Quantique\r\n            <\/button>\r\n            <button class=\"nav-btn\" data-category=\"web3\">\r\n                <i class=\"fas fa-cube\"><\/i> Web3 & M\u00e9tavers\r\n            <\/button>\r\n            <button class=\"nav-btn\" data-category=\"biotech\">\r\n                <i class=\"fas fa-dna\"><\/i> Biotech Num\u00e9rique\r\n            <\/button>\r\n            <button class=\"nav-btn\" data-category=\"sustainability\">\r\n                <i class=\"fas fa-leaf\"><\/i> Tech Durable\r\n            <\/button>\r\n        <\/nav>\r\n        \r\n        <!-- Main Content -->\r\n        <main class=\"main-content\">\r\n            <h2 class=\"section-title\">\r\n                <i class=\"fas fa-bolt\"><\/i>\r\n                Technologies D\u00e9ploy\u00e9es en 2025\r\n            <\/h2>\r\n            \r\n            <!-- Tech Grid -->\r\n            <div class=\"tech-grid\">\r\n                <!-- Card 1: IA G\u00e9n\u00e9rative -->\r\n                <article class=\"tech-card\">\r\n                    <div class=\"card-badge\">D\u00c9PLOIEMENT MASSIF<\/div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #8b5cf6, #7c3aed);\">\r\n                            <i class=\"fas fa-robot\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">IA G\u00e9n\u00e9rative d'Entreprise<\/h3>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <p class=\"card-description\">\r\n                            Les mod\u00e8les d'IA g\u00e9n\u00e9rative sont d\u00e9sormais int\u00e9gr\u00e9s dans tous les secteurs. \r\n                            GPT-5, Claude 3 et leurs \u00e9quivalents open-source transforment la productivit\u00e9 \r\n                            avec des applications r\u00e9elles en production.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"card-stats\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">92%<\/div>\r\n                                <div class=\"stat-label\">Adoption en entreprises<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">300B+<\/div>\r\n                                <div class=\"stat-label\">Investissements totaux<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <ul class=\"card-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Automatisation documentaire avanc\u00e9e<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> D\u00e9veloppement assist\u00e9 par IA<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Cr\u00e9ation de contenu \u00e0 l'\u00e9chelle<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Analyse pr\u00e9dictive int\u00e9gr\u00e9e<\/li>\r\n                        <\/ul>\r\n                        \r\n                        <div class=\"card-actions\">\r\n                            <button class=\"btn btn-primary\">\r\n                                <i class=\"fas fa-chart-line\"><\/i> Analyse d\u00e9taill\u00e9e\r\n                            <\/button>\r\n                            <button class=\"btn btn-secondary\">\r\n                                <i class=\"fas fa-play-circle\"><\/i> Cas d'usage\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                \r\n                <!-- Card 2: Quantum Computing -->\r\n                <article class=\"tech-card\">\r\n                    <div class=\"card-badge\">PHASE PRATIQUE<\/div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #3b82f6, #1d4ed8);\">\r\n                            <i class=\"fas fa-atom\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Informatique Quantique Commerciale<\/h3>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <p class=\"card-description\">\r\n                            Les premiers ordinateurs quantiques commerciaux sont op\u00e9rationnels. \r\n                            IBM, Google et startups sp\u00e9cialis\u00e9es proposent des solutions cloud \r\n                            pour des probl\u00e8mes d'optimisation complexes.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"card-stats\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">512<\/div>\r\n                                <div class=\"stat-label\">Qubits stables<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">85%<\/div>\r\n                                <div class=\"stat-label\">R\u00e9duction erreurs<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <ul class=\"card-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Optimisation logistique quantique<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Mod\u00e9lisation mol\u00e9culaire pharma<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Cryptographie post-quantique<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Machine Learning quantique<\/li>\r\n                        <\/ul>\r\n                        \r\n                        <div class=\"card-actions\">\r\n                            <button class=\"btn btn-primary\">\r\n                                <i class=\"fas fa-chart-line\"><\/i> Analyse d\u00e9taill\u00e9e\r\n                            <\/button>\r\n                            <button class=\"btn btn-secondary\">\r\n                                <i class=\"fas fa-play-circle\"><\/i> Cas d'usage\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                \r\n                <!-- Card 3: Spatial Computing -->\r\n                <article class=\"tech-card\">\r\n                    <div class=\"card-badge\">ADOPTION G\u00c9N\u00c9RALIS\u00c9E<\/div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #10b981, #059669);\">\r\n                            <i class=\"fas fa-vr-cardboard\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">Spatial Computing Pro<\/h3>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <p class=\"card-description\">\r\n                            Apple Vision Pro 2 et les dispositifs concurrents ont d\u00e9mocratis\u00e9 \r\n                            le computing spatial. Applications professionnelles en maintenance, \r\n                            formation et design r\u00e9volutionnent les workflows.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"card-stats\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">15M<\/div>\r\n                                <div class=\"stat-label\">Unit\u00e9s vendues 2025<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">40%<\/div>\r\n                                <div class=\"stat-label\">Productivit\u00e9 accrue<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <ul class=\"card-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> Collaboration immersive<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Prototypage 3D temps r\u00e9el<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Maintenance assist\u00e9e AR<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Formation en r\u00e9alit\u00e9 mixte<\/li>\r\n                        <\/ul>\r\n                        \r\n                        <div class=\"card-actions\">\r\n                            <button class=\"btn btn-primary\">\r\n                                <i class=\"fas fa-chart-line\"><\/i> Analyse d\u00e9taill\u00e9e\r\n                            <\/button>\r\n                            <button class=\"btn btn-secondary\">\r\n                                <i class=\"fas fa-play-circle\"><\/i> Cas d'usage\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n                \r\n                <!-- Card 4: Biotech Num\u00e9rique -->\r\n                <article class=\"tech-card\">\r\n                    <div class=\"card-badge\">R\u00c9VOLUTION M\u00c9DICALE<\/div>\r\n                    <div class=\"card-header\">\r\n                        <div class=\"card-icon\" style=\"background: linear-gradient(135deg, #ec4899, #db2777);\">\r\n                            <i class=\"fas fa-dna\"><\/i>\r\n                        <\/div>\r\n                        <h3 class=\"card-title\">M\u00e9decine de Pr\u00e9cision IA<\/h3>\r\n                    <\/div>\r\n                    <div class=\"card-content\">\r\n                        <p class=\"card-description\">\r\n                            L'IA analyse les donn\u00e9es g\u00e9nomiques pour des diagnostics ultra-pr\u00e9cis \r\n                            et des traitements personnalis\u00e9s. Les premiers m\u00e9dicaments con\u00e7us par \r\n                            IA sont en phase finale d'approbation.\r\n                        <\/p>\r\n                        \r\n                        <div class=\"card-stats\">\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">95%<\/div>\r\n                                <div class=\"stat-label\">Pr\u00e9cision diagnostics<\/div>\r\n                            <\/div>\r\n                            <div class=\"stat-item\">\r\n                                <div class=\"stat-value\">60%<\/div>\r\n                                <div class=\"stat-label\">R\u00e9duction temps R&D<\/div>\r\n                            <\/div>\r\n                        <\/div>\r\n                        \r\n                        <ul class=\"card-features\">\r\n                            <li><i class=\"fas fa-check\"><\/i> D\u00e9couverte acc\u00e9l\u00e9r\u00e9e de m\u00e9dicaments<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Th\u00e9rapies g\u00e9niques personnalis\u00e9es<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Surveillance sant\u00e9 en temps r\u00e9el<\/li>\r\n                            <li><i class=\"fas fa-check\"><\/i> Chirurgie assist\u00e9e IA<\/li>\r\n                        <\/ul>\r\n                        \r\n                        <div class=\"card-actions\">\r\n                            <button class=\"btn btn-primary\">\r\n                                <i class=\"fas fa-chart-line\"><\/i> Analyse d\u00e9taill\u00e9e\r\n                            <\/button>\r\n                            <button class=\"btn btn-secondary\">\r\n                                <i class=\"fas fa-play-circle\"><\/i> Cas d'usage\r\n                            <\/button>\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/article>\r\n            <\/div>\r\n            \r\n            <!-- Market Insights -->\r\n            <div class=\"market-section\">\r\n                <h2 class=\"section-title\">\r\n                    <i class=\"fas fa-chart-bar\"><\/i>\r\n                    March\u00e9 Tech 2025 en Chiffres\r\n                <\/h2>\r\n                \r\n                <div class=\"market-grid\">\r\n                    <div class=\"market-card\">\r\n                        <div class=\"market-value\">$4.8T<\/div>\r\n                        <div class=\"market-label\">March\u00e9 mondial des technologies<\/div>\r\n                        <div class=\"market-trend trend-up\">\r\n                            <i class=\"fas fa-arrow-up\"><\/i>\r\n                            +18% vs 2024\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"market-card\">\r\n                        <div class=\"market-value\">$850B<\/div>\r\n                        <div class=\"market-label\">Investissements en IA<\/div>\r\n                        <div class=\"market-trend trend-up\">\r\n                            <i class=\"fas fa-arrow-up\"><\/i>\r\n                            +32% vs 2024\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"market-card\">\r\n                        <div class=\"market-value\">5.2M<\/div>\r\n                        <div class=\"market-label\">Emplois tech cr\u00e9\u00e9s 2025<\/div>\r\n                        <div class=\"market-trend trend-up\">\r\n                            <i class=\"fas fa-arrow-up\"><\/i>\r\n                            +12% vs 2024\r\n                        <\/div>\r\n                    <\/div>\r\n                    \r\n                    <div class=\"market-card\">\r\n                        <div class=\"market-value\">78%<\/div>\r\n                        <div class=\"market-label\">Entreprises en transformation digitale<\/div>\r\n                        <div class=\"market-trend trend-up\">\r\n                            <i class=\"fas fa-arrow-up\"><\/i>\r\n                            +15% vs 2024\r\n                        <\/div>\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <!-- Newsletter Signup -->\r\n            <div class=\"newsletter-signup\">\r\n                <h2 class=\"signup-title\">Restez \u00e0 la Pointe de la Tech<\/h2>\r\n                <p>\r\n                    Recevez chaque mois notre analyse approfondie des technologies \u00e9mergentes, \r\n                    des \u00e9tudes de cas r\u00e9elles et des tendances march\u00e9.\r\n                <\/p>\r\n                \r\n                <div class=\"signup-form\">\r\n                    <div class=\"form-group\">\r\n                        <input type=\"email\" class=\"form-input\" placeholder=\"Votre adresse email professionnelle\" required>\r\n                        <button class=\"btn btn-primary\" style=\"white-space: nowrap;\">\r\n                            <i class=\"fas fa-paper-plane\"><\/i> S'abonner\r\n                        <\/button>\r\n                    <\/div>\r\n                    <small style=\"opacity: 0.8;\">\r\n                        En vous abonnant, vous acceptez notre politique de confidentialit\u00e9. \r\n                        D\u00e9sabonnement \u00e0 tout moment.\r\n                    <\/small>\r\n                <\/div>\r\n            <\/div>\r\n        <\/main>\r\n        \r\n        <!-- Footer -->\r\n        <footer class=\"footer\">\r\n            <div class=\"footer-content\">\r\n                <div class=\"footer-section\">\r\n                    <h3>Tech Horizons 2025<\/h3>\r\n                    <p style=\"color: #cbd5e1; margin-bottom: 20px;\">\r\n                        La newsletter de r\u00e9f\u00e9rence sur les technologies actuelles et leurs impacts r\u00e9els.\r\n                    <\/p>\r\n                    <div class=\"social-links\">\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-twitter\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-linkedin-in\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-youtube\"><\/i><\/a>\r\n                        <a href=\"#\" class=\"social-link\"><i class=\"fab fa-github\"><\/i><\/a>\r\n                    <\/div>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-section\">\r\n                    <h3>Cat\u00e9gories<\/h3>\r\n                    <ul class=\"footer-links\">\r\n                        <li><a href=\"#\"><i class=\"fas fa-microchip\"><\/i> Mat\u00e9riel & Semiconducteurs<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-cloud\"><\/i> Cloud & Edge Computing<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-shield-alt\"><\/i> Cybers\u00e9curit\u00e9 Avanc\u00e9e<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-robot\"><\/i> Robotique & Automatisation<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n                \r\n                <div class=\"footer-section\">\r\n                    <h3>Ressources<\/h3>\r\n                    <ul class=\"footer-links\">\r\n                        <li><a href=\"#\"><i class=\"fas fa-file-alt\"><\/i> Rapports de recherche<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-chart-line\"><\/i> Analyses march\u00e9<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-video\"><\/i> Webinaires tech<\/a><\/li>\r\n                        <li><a href=\"#\"><i class=\"fas fa-book\"><\/i> Biblioth\u00e8que tech<\/a><\/li>\r\n                    <\/ul>\r\n                <\/div>\r\n            <\/div>\r\n            \r\n            <div class=\"copyright\">\r\n                <p>\u00a9 2025 Tech Horizons. Tous droits r\u00e9serv\u00e9s.<\/p>\r\n                <p style=\"margin-top: 10px; font-size: 0.8rem;\">\r\n                    Les donn\u00e9es pr\u00e9sent\u00e9es sont bas\u00e9es sur des sources fiables et des analyses de march\u00e9 actuelles.\r\n                    Les pr\u00e9visions sont susceptibles d'\u00e9voluer avec le d\u00e9veloppement technologique.\r\n                <\/p>\r\n            <\/div>\r\n        <\/footer>\r\n    <\/div>\r\n\r\n    <script>\r\n        \/\/ Navigation interactive\r\n        document.querySelectorAll('.nav-btn').forEach(button => {\r\n            button.addEventListener('click', function() {\r\n                \/\/ Remove active class from all buttons\r\n                document.querySelectorAll('.nav-btn').forEach(btn => {\r\n                    btn.classList.remove('active');\r\n                });\r\n                \r\n                \/\/ Add active class to clicked button\r\n                this.classList.add('active');\r\n                \r\n                const category = this.dataset.category;\r\n                \r\n                \/\/ Show message about filtering (in a real implementation, this would filter content)\r\n                console.log(`Filtrer par cat\u00e9gorie: ${category}`);\r\n                \r\n                \/\/ Add visual feedback\r\n                this.style.transform = 'scale(0.98)';\r\n                setTimeout(() => {\r\n                    this.style.transform = '';\r\n                }, 150);\r\n            });\r\n        });\r\n        \r\n        \/\/ Card hover effects enhancement\r\n        document.querySelectorAll('.tech-card').forEach(card => {\r\n            card.addEventListener('mouseenter', function() {\r\n                const icon = this.querySelector('.card-icon');\r\n                icon.style.transform = 'scale(1.1) rotate(5deg)';\r\n                icon.style.transition = 'transform 0.3s ease';\r\n            });\r\n            \r\n            card.addEventListener('mouseleave', function() {\r\n                const icon = this.querySelector('.card-icon');\r\n                icon.style.transform = 'scale(1) rotate(0deg)';\r\n            });\r\n        });\r\n        \r\n        \/\/ Newsletter form submission\r\n        document.querySelector('.signup-form .btn-primary').addEventListener('click', function(e) {\r\n            e.preventDefault();\r\n            const emailInput = document.querySelector('.form-input');\r\n            const email = emailInput.value;\r\n            \r\n            if (!email || !email.includes('@')) {\r\n                alert('Veuillez entrer une adresse email valide.');\r\n                return;\r\n            }\r\n            \r\n            \/\/ Show success message\r\n            this.innerHTML = '<i class=\"fas fa-check\"><\/i> Abonn\u00e9 !';\r\n            this.style.background = '#059669';\r\n            \r\n            \/\/ Reset after 3 seconds\r\n            setTimeout(() => {\r\n                this.innerHTML = '<i class=\"fas fa-paper-plane\"><\/i> S\\'abonner';\r\n                this.style.background = '';\r\n                emailInput.value = '';\r\n            }, 3000);\r\n        });\r\n        \r\n        \/\/ Animate stats on scroll\r\n        function animateStats() {\r\n            const stats = document.querySelectorAll('.stat-value');\r\n            stats.forEach(stat => {\r\n                const originalText = stat.textContent;\r\n                const value = parseInt(originalText.replace(\/[^0-9]\/g, ''));\r\n                const suffix = originalText.replace(\/[0-9]\/g, '');\r\n                \r\n                if (value > 0) {\r\n                    let count = 0;\r\n                    const duration = 1500;\r\n                    const increment = value \/ (duration \/ 16);\r\n                    \r\n                    const timer = setInterval(() => {\r\n                        count += increment;\r\n                        if (count >= value) {\r\n                            count = value;\r\n                            clearInterval(timer);\r\n                        }\r\n                        stat.textContent = Math.floor(count).toLocaleString() + suffix;\r\n                    }, 16);\r\n                }\r\n            });\r\n        }\r\n        \r\n        \/\/ Trigger animation when stats come into view\r\n        const observer = new IntersectionObserver((entries) => {\r\n            entries.forEach(entry => {\r\n                if (entry.isIntersecting) {\r\n                    animateStats();\r\n                    observer.unobserve(entry.target);\r\n                }\r\n            });\r\n        }, { threshold: 0.5 });\r\n        \r\n        observer.observe(document.querySelector('.tech-grid'));\r\n        \r\n        \/\/ Add subtle parallax effect to header\r\n        window.addEventListener('scroll', () => {\r\n            const scrolled = window.pageYOffset;\r\n            const header = document.querySelector('.header');\r\n            header.style.transform = `translateY(${scrolled * 0.05}px)`;\r\n        });\r\n        \r\n        \/\/ Initialize with some interactivity\r\n        document.addEventListener('DOMContentLoaded', () => {\r\n            \/\/ Add loading animation to cards\r\n            const cards = document.querySelectorAll('.tech-card');\r\n            cards.forEach((card, index) => {\r\n                card.style.opacity = '0';\r\n                card.style.transform = 'translateY(20px)';\r\n                \r\n                setTimeout(() => {\r\n                    card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';\r\n                    card.style.opacity = '1';\r\n                    card.style.transform = 'translateY(0)';\r\n                }, index * 100);\r\n            });\r\n        });\r\n    <\/script>\r\n<\/body>\r\n<\/html>\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>Veilles Technologiques D\u00e9couvrez l\u2019ensemble des veilles technologiques VEILLE TECHNOLOGIQUE Data &#038; Intelligence Artificielle Exploration des tendances et innovations dans les domaines de la Data et de l&rsquo;IA D Data Analytics Exploration des donn\u00e9es par secteur d&rsquo;activit\u00e9 Sport Banque Commerce Sport 1 Contexte La Data est devenue un \u00e9l\u00e9ment central dans le sport moderne, transformant la [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"off","ocean_display_header":"on","ocean_header_style":"minimal","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"on","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"off","ocean_display_footer_bottom":"off","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-16","page","type-page","status-publish","hentry","entry"],"_links":{"self":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=16"}],"version-history":[{"count":43,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/pages\/16\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/liamidisaobaneportfolio.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}