{"id":2229,"date":"2026-08-06T10:23:32","date_gmt":"2026-08-06T10:23:32","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2229"},"modified":"2026-08-21T12:17:01","modified_gmt":"2026-08-21T12:17:01","slug":"iot-industriel","status":"publish","type":"page","link":"https:\/\/gplg.pt\/fr\/technologies\/industrial-iot\/","title":{"rendered":"IoT industriel"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2229\" class=\"elementor elementor-2229\" data-elementor-settings=\"{&quot;ha_cmc_init_switcher&quot;:&quot;no&quot;}\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f1707f7 e-con e-atomic-element e-flexbox-base e-49ae8f1\" data-id=\"f1707f7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f1707f7\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base e-66204b8-dfe44f7\" data-interaction-id=\"66204b8\" data-e-type=\"widget\" data-id=\"66204b8\" id=\"4088\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT.png\" width=\"1860\" height=\"845\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT.png 1860w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-300x136.png 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-1024x465.png 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-768x349.png 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-1536x698.png 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/IoT-18x8.png 18w\" alt=\"IoT\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7ef141c e-con e-atomic-element e-flexbox-base e-e930d2c\" data-id=\"7ef141c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7ef141c\">\n    \t\t<div class=\"elementor-element elementor-element-d7736e9 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d7736e9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_d7736e9 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d7736e9 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_d7736e9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d7736e9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d7736e9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d7736e9:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_d7736e9\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">Connecter les machines, les donn\u00e9es et les op\u00e9rations industrielles<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><p class=\"PDq2pG_selectionAnchorContainer\" data-start=\"643\" data-end=\"849\">GPLG d\u00e9veloppe des solutions d'Internet des objets (IoT) industriel qui relient des machines, des capteurs et des \u00e9quipements industriels \u00e0 des syst\u00e8mes logiciels, permettant ainsi aux entreprises de collecter, de surveiller et d'exploiter plus efficacement les informations op\u00e9rationnelles.<\/p><p data-start=\"851\" data-end=\"992\">Des machines individuelles aux environnements de production connect\u00e9s, nous concevons des architectures IoT adapt\u00e9es aux exigences des processus industriels.<\/p><p data-start=\"851\" data-end=\"992\">Discuter d'un projet li\u00e9 \u00e0 l'Internet des objets (IoT)<\/p><\/div>       \n       \t        <div class=\"ue-btn-wrapper moveFromBottom\">\n           <a class=\"ue-btn\"  href=\"https:\/\/gplg.pt\/contact\/\" >\n\t\t\t\t<span class=\"uc-link\">D\u00e9couvrez nos technologies<\/span>\n\t\t   <\/a>\n        <\/div>\n             <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d9b159e e-con e-atomic-element e-flexbox-base e-dcde375\" data-id=\"d9b159e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d9b159e\">\n    \t\t<div class=\"elementor-element elementor-element-7775fbc elementor-hidden-mobile elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"7775fbc\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Transparent Split Hero -->\n\t\t<link id='uc_ac_assets_file_uc_photography_header_css_0-css' href='https:\/\/gplg.pt\/ia\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor_7775fbc\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Ind-IoT.jpeg);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_7775fbc > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:center;\n}\n.uc_photography_header .uc_subtitle\n{\n  font-size:42px;\n}\n\t\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor_7775fbc\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                        <div class=\"uc_subtitle\">Relier l'usine physique \u00e0 l'environnement num\u00e9rique<\/div>        <div class=\"uc_text\"><div style=\"line-height: 1.4;\">\n\n    <p style=\"margin: 0 0 14px 0;\">\n        Les \u00e9quipements industriels modernes g\u00e9n\u00e8rent d'importants volumes d'informations.\n    <\/p>\n\n    <p style=\"margin: 0 0 14px 0;\">\n        L'\u00e9tat des machines, les temp\u00e9ratures, les chiffres de production, la consommation d'\u00e9nergie, les temps de cycle, les alarmes et d'autres param\u00e8tres de fonctionnement peuvent fournir des informations pr\u00e9cieuses sur le processus de production.\n    <\/p>\n\n    <p style=\"margin: 0 0 14px 0;\">\n        L'IoT industriel met en place l'infrastructure n\u00e9cessaire pour collecter ces informations issues de l'environnement physique et les mettre \u00e0 la disposition des syst\u00e8mes logiciels qui en ont besoin.\n    <\/p>\n\n    <p style=\"margin: 0 0 8px 0;\">\n        GPLG con\u00e7oit des solutions IoT qui relient :\n    <\/p>\n\n    <div style=\"        display: flex;        align-items: center;        justify-content: center;        gap: 8px;        width: 100%;        overflow-x: auto;        padding: 8px 0 14px 0;        white-space: nowrap;    \">\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Machines\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Capteurs\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            R\u00e9seaux industriels\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Donn\u00e9es\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Logiciels\n        <\/div>\n\n        <div style=\"font-size: 20px;\">\u2192<\/div>\n\n        <div style=\"padding: 8px 12px; border: 1px solid #aaa; border-radius: 6px;\">\n            Op\u00e9rations\n        <\/div>\n\n    <\/div>\n\n    <p style=\"margin: 0 0 8px 0;\">\n        L'objectif n'est pas simplement de recueillir davantage d'informations.\n    <\/p>\n\n    <p style=\"margin: 0;\">\n        <strong>L'objectif est de rendre les informations industrielles exploitables.<\/strong>\n    <\/p>\n\n<\/div><\/div>            <\/div>\n  <\/div>\n<\/div>\n<!-- end Transparent Split Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-5cb85b4 e-con e-atomic-element e-flexbox-base e-70e6ca3\" data-id=\"5cb85b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5cb85b4\">\n    \t\t<div class=\"elementor-element elementor-element-44ab2e4 ha-has-bg-overlay elementor-widget elementor-widget-html\" data-id=\"44ab2e4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u2699\ufe0f<\/span>\n      <h3>Des \u00e9quipements industriels aux syst\u00e8mes connect\u00e9s<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Une architecture IoT industrielle offre un moyen structur\u00e9 de collecter des informations provenant d'\u00e9quipements industriels et de mettre ces informations \u00e0 la disposition de syst\u00e8mes de niveau sup\u00e9rieur.<br> L'architecture peut \u00eatre de petite envergure et centr\u00e9e sur une seule machine, ou s'\u00e9tendre \u00e0 l'ensemble d'un environnement de production.\n      <\/p>\n\n      <!-- IIoT Architecture Flow Chart -->\n      <div class=\"iiot-architecture-flow\">\n        \n        <!-- Top Level -->\n        <div class=\"iiot-node iiot-node-main\">IoT INDUSTRIEL<\/div>\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        \n        <div class=\"iiot-label\">ACQUISITION DE DONN\u00c9ES<\/div>\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n\n        <!-- Input Layer -->\n        <div class=\"iiot-node-group\">\n          <div class=\"iiot-node\">Machines<\/div>\n          <div class=\"iiot-node\">Capteurs<\/div>\n          <div class=\"iiot-node\">automates programmables<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">R\u00e9seau industriel<\/div>\n        \n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">IoT \/ Couche p\u00e9riph\u00e9rique<\/div>\n        \n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n        <div class=\"iiot-node\">Donn\u00e9es et applications<\/div>\n\n        <div class=\"iiot-arrow-down\">\u2193<\/div>\n\n        <!-- Output Layer -->\n        <div class=\"iiot-node-group\">\n          <div class=\"iiot-node iiot-node-accent\">SCADA<\/div>\n          <div class=\"iiot-node iiot-node-accent\">Logiciels<\/div>\n          <div class=\"iiot-node iiot-node-accent\">Analyse de donn\u00e9es<\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Flowchart Styling *\/\n  .iiot-architecture-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 24px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.9rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  .iiot-node-main {\n    background-color: rgba(49, 130, 206, 0.85);\n    color: #ffffff;\n    border-color: #3182ce;\n    font-size: 1rem;\n    letter-spacing: 0.5px;\n    min-width: 220px;\n  }\n\n  .iiot-node-accent {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  .iiot-node-group {\n    display: flex;\n    gap: 16px;\n    width: 100%;\n    max-width: 900px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node-group .iiot-node {\n    flex: 1;\n    min-width: 140px;\n  }\n\n  .iiot-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    color: inherit;\n    opacity: 0.7;\n    letter-spacing: 1px;\n    margin: 4px 0;\n  }\n\n  .iiot-arrow-down {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-node-group {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    \n    .iiot-node-group .iiot-node {\n      width: 100%;\n    }\n  }\n<\/style>\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-535342b e-con e-atomic-element e-flexbox-base e-6fea80e\" data-id=\"535342b\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"535342b\">\n    \t\t\t<h2 data-interaction-id=\"a3b4df0\" class=\"e-a3b4df0-8048142 e-heading-base\" data-e-type=\"widget\" data-id=\"a3b4df0\">CE QUE NOUS RELIONS<\/h2>\n\t\t\t\t<div class=\"elementor-element elementor-element-b146785 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"b146785\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b0b0c5b e-grid e-con-boxed e-con e-parent\" data-id=\"b0b0c5b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ece6d19 elementor-widget elementor-widget-icon-box\" data-id=\"ece6d19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMachines\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tConnecter les machines industrielles existantes et nouvelles afin de collecter des informations pertinentes sur leur fonctionnement.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4df3f14 elementor-widget elementor-widget-icon-box\" data-id=\"4df3f14\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSyst\u00e8mes PLC\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tR\u00e9cup\u00e9rer certaines informations relatives aux processus \u00e0 partir de syst\u00e8mes de contr\u00f4le industriels.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f0d87df elementor-widget elementor-widget-icon-box\" data-id=\"f0d87df\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tCapteurs\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tTemp\u00e9rature, pression, vibrations, charge, \u00e9nergie et autres mesures industrielles.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f1034e6 elementor-widget elementor-widget-icon-box\" data-id=\"f1034e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u00c9quipements CNC\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tConnecter les environnements d'usinage afin de collecter des informations pertinentes sur la production et l'exploitation.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a9f2f4 elementor-widget elementor-widget-icon-box\" data-id=\"1a9f2f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLa robotique\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCollecter des informations provenant de syst\u00e8mes robotis\u00e9s et de cellules automatis\u00e9es.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0217e70 elementor-widget elementor-widget-icon-box\" data-id=\"0217e70\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tLignes de production\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tConnectez plusieurs machines et syst\u00e8mes afin d'obtenir une vision plus compl\u00e8te du processus de production.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-1194ca1 e-con e-atomic-element e-flexbox-base e-62cf6a5\" data-id=\"1194ca1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1194ca1\">\n    \t\t<div class=\"elementor-element elementor-element-2953370 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"2953370\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9754f23 e-con e-atomic-element e-flexbox-base e-81dd6e6\" data-id=\"9754f23\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9754f23\">\n    \t\t<div class=\"elementor-element elementor-element-eaf8075 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"eaf8075\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_eaf8075 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eaf8075 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_eaf8075:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_eaf8075:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eaf8075:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eaf8075:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_eaf8075\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">ACQUISITION DE DONN\u00c9ES INDUSTRIELLES<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udcca<\/span>\n      <h3>ACQUISITION DE DONN\u00c9ES INDUSTRIELLES : Collecter les bonnes informations<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        L'IoT commence par la compr\u00e9hension des informations r\u00e9ellement n\u00e9cessaires. En fonction de l'application, GPLG peut concevoir un syst\u00e8me d'acquisition de donn\u00e9es en s'appuyant sur des param\u00e8tres tels que :\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">L'\u00e9tat de la Machine<\/div>\n        <div class=\"iiot-node\">Volumes de production<\/div>\n        <div class=\"iiot-node\">Dur\u00e9es de cycle<\/div>\n        <div class=\"iiot-node\">Temp\u00e9ratures<\/div>\n        <div class=\"iiot-node\">Pressions<\/div>\n        <div class=\"iiot-node\">Vibration<\/div>\n        <div class=\"iiot-node\">Consommation d'\u00e9nergie<\/div>\n        <div class=\"iiot-node\">Alarmes des machines<\/div>\n        <div class=\"iiot-node\">Conditions d'utilisation<\/div>\n        <div class=\"iiot-node\">Param\u00e8tres de processus<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        Nous ne collectons pas de donn\u00e9es simplement parce qu'elles sont disponibles. Nous identifions les informations qui pr\u00e9sentent un int\u00e9r\u00eat pour l'application.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile Screens *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-772cd26 e-con e-atomic-element e-flexbox-base e-a2504ff\" data-id=\"772cd26\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"772cd26\">\n    \t\t<div class=\"elementor-element elementor-element-c396cdf elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"c396cdf\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9a6393a e-con e-atomic-element e-flexbox-base e-c436fa4\" data-id=\"9a6393a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9a6393a\">\n    \t\t<div class=\"elementor-element elementor-element-db891e3 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"db891e3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_db891e3 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_db891e3 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_db891e3:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_db891e3:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_db891e3:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_db891e3:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_db891e3\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">CONNEXION DES MACHINES EXISTANTES<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udd04<\/span>\n<h3>Moderniser les \u00e9quipements sans tout remplacer<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">De nombreuses usines disposent de machines issues de diff\u00e9rentes g\u00e9n\u00e9rations. Remplacer une ligne de production enti\u00e8re dans le seul but de b\u00e9n\u00e9ficier d'une connectivit\u00e9 moderne n'est pas toujours envisageable.<br> L'Internet des objets industriel (IoT) peut permettre de connecter les \u00e9quipements existants \u00e0 des syst\u00e8mes num\u00e9riques plus r\u00e9cents.<\/p>\n\n<div class=\"iiot-footer-text\">GPLG est en mesure d'\u00e9valuer les \u00e9quipements existants et de d\u00e9terminer comment les informations pertinentes peuvent \u00eatre recueillies et int\u00e9gr\u00e9es dans une architecture moderne.<\/div>\n<!-- Section Label -->\n<div class=\"iiot-label-container\"><span class=\"iiot-label\">ENVIRONNEMENT TYPIQUE<\/span><\/div>\n<!-- Horizontal Diagram Flow -->\n<div class=\"iiot-horizontal-flow\">\n<div class=\"iiot-node\">Ancienne machine<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Automate programmable \/ Contr\u00f4leur<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Couche de communication<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Passerelle IoT<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">R\u00e9seau industriel<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node iiot-node-accent\">Syst\u00e8mes num\u00e9riques<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 16px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Highlighted Text Box *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.95;<br \/>\n    padding: 12px 18px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n    border: 1px solid rgba(49, 130, 206, 0.4);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto 24px auto;<br \/>\n  }<\/p>\n<p>  \/* Label Styling *\/<br \/>\n  .iiot-label-container {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-label {<br \/>\n    font-size: 0.8rem;<br \/>\n    font-weight: 700;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.7;<br \/>\n    letter-spacing: 1.5px;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 16px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: #3182ce;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n  }<\/p>\n<p>  .iiot-node-main {<br \/>\n    background-color: rgba(49, 130, 206, 0.85);<br \/>\n    color: #ffffff;<br \/>\n    border-color: #3182ce;<br \/>\n    font-size: 0.92rem;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-node-accent {<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n    border-color: rgba(255, 255, 255, 0.3);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-49e58c7 e-con e-atomic-element e-flexbox-base e-eecdf2e\" data-id=\"49e58c7\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"49e58c7\">\n    \t\t<div class=\"elementor-element elementor-element-5b97b52 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"5b97b52\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1d0b620 e-con e-atomic-element e-flexbox-base e-757eb30\" data-id=\"1d0b620\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d0b620\">\n    \t\t<div class=\"elementor-element elementor-element-405f995 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"405f995\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_405f995 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_405f995 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_405f995 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_405f995 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_405f995 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_405f995:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_405f995:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_405f995:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_405f995:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_405f995\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">EDGE INDUSTRIAL IoT<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u26a1<\/span>\n      <h3>Traitement des informations \u00e0 proximit\u00e9 de la machine<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Toutes les applications ne n\u00e9cessitent pas que l'ensemble des informations soit transf\u00e9r\u00e9 vers un syst\u00e8me central. L'\u00ab edge computing \u00bb permet d'effectuer certaines t\u00e2ches de traitement \u00e0 proximit\u00e9 des \u00e9quipements industriels.\n      <\/p>\n\n      <!-- Section Label -->\n      <div class=\"iiot-label-container\">\n        <span class=\"iiot-label\">ARCHITECTURE DE L'INFORMATIQUE EN PERIPH\u00c9RIE<\/span>\n      <\/div>\n\n      <!-- Horizontal Flowchart -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Machine<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Capteurs \/ Automates programmables<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Appareil p\u00e9riph\u00e9rique<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Traitement local<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node\">Donn\u00e9es pertinentes<\/div>\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-node iiot-node-accent\">Logiciels industriels<\/div>\n      <\/div>\n\n      <!-- Section Label -->\n      <div class=\"iiot-label-container\" style=\"margin-top: 24px;\">\n        <span class=\"iiot-label\">PRINCIPAUX AVANTAGES ET APPLICATIONS<\/span>\n      <\/div>\n\n      <!-- Benefits Pills -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">R\u00e9ponse rapide<\/div>\n        <div class=\"iiot-node\">Traitement local<\/div>\n        <div class=\"iiot-node\">R\u00e9duction du trafic r\u00e9seau<\/div>\n        <div class=\"iiot-node\">Filtrage des donn\u00e9es locales<\/div>\n        <div class=\"iiot-node\">Fonctionnement en continu<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        Le choix de l'architecture appropri\u00e9e d\u00e9pend des exigences de l'application.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Label Styling *\/\n  .iiot-label-container {\n    text-align: center;\n    margin-bottom: 16px;\n  }\n\n  .iiot-label {\n    font-size: 0.8rem;\n    font-weight: 700;\n    color: inherit;\n    opacity: 0.7;\n    letter-spacing: 1.5px;\n  }\n\n  \/* Horizontal Flowchart & Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 16px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  .iiot-node-main {\n    background-color: rgba(49, 130, 206, 0.85);\n    color: #ffffff;\n    border-color: #3182ce;\n    font-size: 0.92rem;\n    letter-spacing: 0.5px;\n  }\n\n  .iiot-node-accent {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.3);\n  }\n\n  .iiot-arrow-right {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.2rem;\n    line-height: 1;\n    padding: 0 2px;\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 24px auto 0 auto;\n  }\n\n  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 280px;\n      white-space: normal;\n    }\n\n    .iiot-arrow-right {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1d1d03d e-con e-atomic-element e-flexbox-base e-63a8435\" data-id=\"1d1d03d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1d1d03d\">\n    \t\t<div class=\"elementor-element elementor-element-93d196d elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"93d196d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1db0acf e-con e-atomic-element e-flexbox-base e-f4b3b23\" data-id=\"1db0acf\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1db0acf\">\n    \t\t<div class=\"elementor-element elementor-element-df7de13 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"df7de13\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_df7de13 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_df7de13 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_df7de13:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_df7de13:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_df7de13:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_df7de13:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_df7de13\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">ARCHITECTURE DE L'IoT INDUSTRIEL<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n<!-- Header Bar -->\n<div class=\"iiot-card-header\">\n<div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfd7\ufe0f<\/span>\n<h3>Con\u00e7u autour du syst\u00e8me d'automatisation existant<\/h3>\n<\/div>\n<\/div>\n<!-- Content Area -->\n<div class=\"iiot-card-content\">\n<div class=\"iiot-content-inner\">\n<p class=\"iiot-description\">GPLG con\u00e7oit la couche IoT dans le cadre d'une architecture d'automatisation plus large.<br> L'objectif est de veiller \u00e0 ce que les machines, les syst\u00e8mes de contr\u00f4le et les applications num\u00e9riques fonctionnent ensemble, plut\u00f4t que de cr\u00e9er une nouvelle couche technologique isol\u00e9e.<\/p>\n<!-- Section Label -->\n<div class=\"iiot-label-container\"><span class=\"iiot-label\">ARCHITECTURE D'AUTOMATISATION INT\u00c9GR\u00c9E<\/span><\/div>\n<!-- Horizontal Flowchart -->\n<div class=\"iiot-horizontal-flow\"><!-- Input Layer Group -->\n<div class=\"iiot-node-group\">\n<div class=\"iiot-node\">Machines<\/div>\n<div class=\"iiot-node\">automates programmables<\/div>\n<div class=\"iiot-node\">Robots<\/div>\n<div class=\"iiot-node\">CNC<\/div>\n<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">R\u00e9seau industriel<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">IoT \/ Couche p\u00e9riph\u00e9rique<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node\">Couche de traitement des donn\u00e9es<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<!-- System Layer Group -->\n<div class=\"iiot-node-group\">\n<div class=\"iiot-node iiot-node-accent\">SCADA<\/div>\n<div class=\"iiot-node iiot-node-accent\">Logiciels<\/div>\n<div class=\"iiot-node iiot-node-accent\">Analyse de donn\u00e9es<\/div>\n<\/div>\n<div class=\"iiot-arrow-right\">\u2192<\/div>\n<div class=\"iiot-node iiot-node-accent\">Direction<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Label Styling *\/<br \/>\n  .iiot-label-container {<br \/>\n    text-align: center;<br \/>\n    margin-bottom: 16px;<br \/>\n  }<\/p>\n<p>  .iiot-label {<br \/>\n    font-size: 0.8rem;<br \/>\n    font-weight: 700;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.7;<br \/>\n    letter-spacing: 1.5px;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n  }<\/p>\n<p>  .iiot-node-group {<br \/>\n    display: flex;<br \/>\n    gap: 6px;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 16px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: #3182ce;<br \/>\n    background-color: rgba(49, 130, 206, 0.15);<br \/>\n  }<\/p>\n<p>  .iiot-node-main {<br \/>\n    background-color: rgba(49, 130, 206, 0.85);<br \/>\n    color: #ffffff;<br \/>\n    border-color: #3182ce;<br \/>\n    font-size: 0.92rem;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  .iiot-node-accent {<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n    border-color: rgba(255, 255, 255, 0.3);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness (Stacks vertically on smaller screens) *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow,<br \/>\n    .iiot-node-group {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-d5cd2ef e-con e-atomic-element e-flexbox-base e-ec0ec83\" data-id=\"d5cd2ef\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5cd2ef\">\n    \t\t<div class=\"elementor-element elementor-element-fe9a1b6 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"fe9a1b6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-7177f78 e-con e-atomic-element e-flexbox-base e-4a4833f\" data-id=\"7177f78\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7177f78\">\n    \t\t<div class=\"elementor-element elementor-element-9497a96 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9497a96\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_9497a96 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9497a96 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_9497a96:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9497a96:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9497a96:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9497a96:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_9497a96\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">IoT industriel + SCADA<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><p><span class=\"iiot-icon\">\ud83d\udda5\ufe0f<\/span><\/p><h3>Internet des objets (IoT) et supervision industrielle<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">L'Internet des objets industriel (IoT) peut fournir des donn\u00e9es suppl\u00e9mentaires aux syst\u00e8mes de supervision et de suivi, \u00e9largissant ainsi la quantit\u00e9 d'informations op\u00e9rationnelles mises \u00e0 la disposition des op\u00e9rateurs et des \u00e9quipes d'ing\u00e9nierie.<\/p><p><!-- Section Label --><\/p><div class=\"iiot-label-container\"><span class=\"iiot-label\">FLUX D'INT\u00c9GRATION DES DONN\u00c9ES<\/span><\/div><p><!-- Horizontal Integration Flow --><\/p><div class=\"iiot-horizontal-flow\" style=\"margin-bottom: 28px;\"><div class=\"iiot-node\">Machines<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Couche IoT<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node iiot-node-accent\">SCADA \/ Supervision<\/div><\/div><p><!-- Comparison Section --><\/p><div class=\"iiot-label-container\"><span class=\"iiot-label\">DES R\u00d4LES ET DES OBJECTIFS DISTINCTS<\/span><\/div><div class=\"iiot-comparison-grid\"><div class=\"iiot-role-card\"><div class=\"iiot-role-title\">SCADA<\/div><div class=\"iiot-role-desc\">Il se concentre principalement sur la supervision, le suivi et le contr\u00f4le op\u00e9rationnel en temps r\u00e9el.<\/div><\/div><div class=\"iiot-role-card iiot-role-card-main\"><div class=\"iiot-role-title\">IoT industriel<\/div><div class=\"iiot-role-desc\">Son objectif est de connecter les actifs industriels et de mettre les informations \u00e0 la disposition d'un plus large \u00e9ventail de syst\u00e8mes et d'applications num\u00e9riques.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>  .iiot-card-container {<br \/>    width: 100%;<br \/>    max-width: 100%;<br \/>    margin: 20px 0;<br \/>    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>    border-radius: 10px;<br \/>    background-color: transparent;<br \/>    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>    overflow: hidden;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  \/* Header Bar *\/<br \/>  .iiot-card-header {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    padding: 18px 24px;<br \/>    background-color: rgba(13, 35, 58, 0.85);<br \/>    backdrop-filter: blur(5px);<br \/>    color: #ffffff;<br \/>  }<\/p>\n<p>  .iiot-header-title {<br \/>    display: flex;<br \/>    align-items: center;<br \/>    gap: 12px;<br \/>  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>    margin: 0;<br \/>    font-size: 1.15rem;<br \/>    font-weight: 600;<br \/>    color: #ffffff !important;<br \/>  }<\/p>\n<p>  .iiot-icon {<br \/>    font-size: 1.2rem;<br \/>  }<\/p>\n<p>  \/* Content Area *\/<br \/>  .iiot-card-content {<br \/>    background-color: transparent;<br \/>  }<\/p>\n<p>  .iiot-content-inner {<br \/>    padding: 24px;<br \/>    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>  }<\/p>\n<p>  .iiot-description {<br \/>    color: inherit;<br \/>    opacity: 0.9;<br \/>    line-height: 1.6;<br \/>    margin-bottom: 20px;<br \/>    font-size: 0.98rem;<br \/>    text-align: center;<br \/>  }<\/p>\n<p>  \/* Label Styling *\/<br \/>  .iiot-label-container {<br \/>    text-align: center;<br \/>    margin-bottom: 16px;<br \/>  }<\/p>\n<p>  .iiot-label {<br \/>    font-size: 0.8rem;<br \/>    font-weight: 700;<br \/>    color: inherit;<br \/>    opacity: 0.7;<br \/>    letter-spacing: 1.5px;<br \/>  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>  .iiot-horizontal-flow {<br \/>    display: flex;<br \/>    flex-direction: row;<br \/>    align-items: center;<br \/>    justify-content: center;<br \/>    gap: 8px;<br \/>    padding: 10px 0;<br \/>    width: 100%;<br \/>    flex-wrap: wrap;<br \/>  }<\/p>\n<p>  .iiot-node {<br \/>    background-color: rgba(255, 255, 255, 0.05);<br \/>    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>    backdrop-filter: blur(4px);<br \/>    border-radius: 6px;<br \/>    padding: 12px 20px;<br \/>    font-weight: 600;<br \/>    color: inherit;<br \/>    font-size: 0.88rem;<br \/>    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>    text-align: center;<br \/>    box-sizing: border-box;<br \/>    white-space: nowrap;<br \/>  }<\/p>\n<p>  .iiot-node:hover {<br \/>    transform: translateY(-2px);<br \/>    border-color: #3182ce;<br \/>    background-color: rgba(49, 130, 206, 0.15);<br \/>  }<\/p>\n<p>  .iiot-node-main {<br \/>    background-color: rgba(49, 130, 206, 0.85);<br \/>    color: #ffffff;<br \/>    border-color: #3182ce;<br \/>    font-size: 0.92rem;<br \/>    letter-spacing: 0.5px;<br \/>  }<\/p>\n<p>  .iiot-node-accent {<br \/>    background-color: rgba(255, 255, 255, 0.1);<br \/>    border-color: rgba(255, 255, 255, 0.3);<br \/>  }<\/p>\n<p>  .iiot-arrow-right {<br \/>    color: inherit;<br \/>    opacity: 0.5;<br \/>    font-size: 1.2rem;<br \/>    line-height: 1;<br \/>    padding: 0 4px;<br \/>  }<\/p>\n<p>  \/* Comparison Grid Styling *\/<br \/>  .iiot-comparison-grid {<br \/>    display: flex;<br \/>    flex-direction: row;<br \/>    gap: 16px;<br \/>    justify-content: center;<br \/>    width: 100%;<br \/>    max-width: 850px;<br \/>    margin: 0 auto;<br \/>  }<\/p>\n<p>  .iiot-role-card {<br \/>    flex: 1;<br \/>    background-color: rgba(255, 255, 255, 0.03);<br \/>    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>    border-radius: 8px;<br \/>    padding: 16px;<br \/>    text-align: center;<br \/>    box-sizing: border-box;<br \/>  }<\/p>\n<p>  .iiot-role-card-main {<br \/>    background-color: rgba(49, 130, 206, 0.1);<br \/>    border-color: rgba(49, 130, 206, 0.35);<br \/>  }<\/p>\n<p>  .iiot-role-title {<br \/>    font-weight: 700;<br \/>    font-size: 0.95rem;<br \/>    margin-bottom: 8px;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  .iiot-role-desc {<br \/>    font-size: 0.88rem;<br \/>    line-height: 1.5;<br \/>    opacity: 0.85;<br \/>    color: inherit;<br \/>  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>  @media (max-width: 768px) {<br \/>    .iiot-horizontal-flow,<br \/>    .iiot-comparison-grid {<br \/>      flex-direction: column;<br \/>    }<\/p>\n<p>    .iiot-node,<br \/>    .iiot-role-card {<br \/>      width: 100%;<br \/>      max-width: 320px;<br \/>      white-space: normal;<br \/>    }<\/p>\n<p>    .iiot-arrow-right {<br \/>      transform: rotate(90deg);<br \/>      margin: 2px 0;<br \/>    }<br \/>  }<br \/><\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-6c0863c e-con e-atomic-element e-flexbox-base e-92b285e\" data-id=\"6c0863c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"6c0863c\">\n    \t\t<div class=\"elementor-element elementor-element-097862c elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"097862c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e5d2d88 e-con e-atomic-element e-flexbox-base e-44e1753\" data-id=\"e5d2d88\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e5d2d88\">\n    \t\t<div class=\"elementor-element elementor-element-40f9d90 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"40f9d90\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_40f9d90 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_40f9d90 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_40f9d90:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_40f9d90:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_40f9d90:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_40f9d90:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_40f9d90\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">IoT INDUSTRIEL + DONN\u00c9ES<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udca1<\/span>\n      <h3>Transformer les informations en donn\u00e9es exploitables<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Les syst\u00e8mes IoT permettent de transformer les informations g\u00e9n\u00e9r\u00e9es par les \u00e9quipements industriels en donn\u00e9es structur\u00e9es pouvant \u00eatre exploit\u00e9es par d'autres applications. Cela permet notamment :\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\">Analyse de la production<\/div>\n        <div class=\"iiot-node\">Suivi des performances<\/div>\n        <div class=\"iiot-node\">Analyse historique<\/div>\n        <div class=\"iiot-node\">Analyse de la maintenance<\/div>\n        <div class=\"iiot-node\">Suivi de la consommation d'\u00e9nergie<\/div>\n        <div class=\"iiot-node\">Rapports op\u00e9rationnels<\/div>\n      <\/div>\n\n      <!-- Concluding Note Box -->\n      <div class=\"iiot-footer-text\">\n        L'architecture de donn\u00e9es sp\u00e9cifique d\u00e9pend des exigences du projet.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: #3182ce;\n    background-color: rgba(49, 130, 206, 0.15);\n  }\n\n  \/* Highlighted Footer Text Box *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 500;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.95;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(49, 130, 206, 0.15);\n    border: 1px solid rgba(49, 130, 206, 0.4);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Responsive Adjustments for Mobile Screens *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2fc9b09 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"2fc9b09\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_2fc9b09 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2fc9b09:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_2fc9b09\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">IoT INDUSTRIEL + IA<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83e\udd16<\/span><h3>Les donn\u00e9es connect\u00e9es ouvrent de nouvelles perspectives en mati\u00e8re d'intelligence<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Une fois que les informations industrielles sont disponibles sous une forme structur\u00e9e, elles peuvent servir de base \u00e0 des applications plus sophistiqu\u00e9es.<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">Donn\u00e9es industrielles<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Traitement des donn\u00e9es<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">PLG IA<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Analyse \/ Pr\u00e9vision \/ D\u00e9tection<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">L'IoT fournit l'infrastructure de connectivit\u00e9 et de donn\u00e9es. L'IA apporte l'intelligence appliqu\u00e9e \u00e0 ces informations.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Accent Colors\/Highlighting) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b2e4ab0 e-con e-atomic-element e-flexbox-base e-172476b\" data-id=\"b2e4ab0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b2e4ab0\">\n    \t\t<div class=\"elementor-element elementor-element-c9580e6 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c9580e6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_c9580e6 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c9580e6 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_c9580e6:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c9580e6:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c9580e6:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c9580e6:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_c9580e6\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">IoT INDUSTRIEL + VISION ARTIFICIELLE<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udcf7<\/span><h3>Int\u00e9gration des informations visuelles aux syst\u00e8mes industriels<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">Les cam\u00e9ras industrielles peuvent \u00e9galement s'int\u00e9grer dans un environnement industriel connect\u00e9.<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">Appareil photo<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Traitement d'images<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">R\u00e9sultats de l'inspection<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">IoT industriel \/ Logiciels<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Informations sur la production<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">Cela permet d'int\u00e9grer les r\u00e9sultats des contr\u00f4les visuels dans l'architecture globale des informations de production.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Highlights) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b9af203 e-con e-atomic-element e-flexbox-base e-ac4a193\" data-id=\"b9af203\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b9af203\">\n    \t\t\t<h4 data-interaction-id=\"5b3e243\" class=\"e-5b3e243-c6af1f3 e-heading-base\" data-e-type=\"widget\" data-id=\"5b3e243\">SURVEILLANCE INDUSTRIELLE<br><\/h4>\n\t\t\t\t\t<p class=\"e-d9fd1b0-9420f65 e-paragraph-base\" data-interaction-id=\"d9fd1b0\" data-e-type=\"widget\" data-id=\"d9fd1b0\">Restez inform\u00e9 de ce qui se passe dans toute l'usine<\/p>\n\t\t\t\t\t<p class=\"e-742771a-1fb1e32 e-paragraph-base\" data-interaction-id=\"742771a\" data-e-type=\"widget\" data-id=\"742771a\">L'Internet des objets industriel (IoT) permet d'obtenir une vue d'ensemble plus compl\u00e8te des \u00e9quipements et des processus. En fonction de l'architecture du syst\u00e8me, les entreprises peuvent surveiller :<\/p>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-0270f0f e-grid e-con-boxed e-con e-parent\" data-id=\"0270f0f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-60d211b elementor-widget elementor-widget-icon-box\" data-id=\"60d211b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tProduction\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tQu'est-ce qui est produit ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8c52f91 elementor-widget elementor-widget-icon-box\" data-id=\"8c52f91\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u00c9quipement\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tQuelles machines sont en service ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e3abb26 elementor-widget elementor-widget-icon-box\" data-id=\"e3abb26\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tPerformances\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLes machines fonctionnent-elles efficacement ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-ef763b1 elementor-widget elementor-widget-icon-box\" data-id=\"ef763b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tConditions\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tLes param\u00e8tres de fonctionnement se situent-ils dans les plages pr\u00e9vues ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-463bc64 elementor-widget elementor-widget-icon-box\" data-id=\"463bc64\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u00c9nergie\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tQuelle est la consommation d'\u00e9nergie ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7f6889d elementor-widget elementor-widget-icon-box\" data-id=\"7f6889d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\t\u00c9v\u00e9nements\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tQuelles alertes, interruptions ou situations anormales se sont produites ?\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-7f96d36 e-con e-atomic-element e-flexbox-base e-d028865\" data-id=\"7f96d36\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7f96d36\">\n    \t\t<div class=\"elementor-element elementor-element-e1f1ebd elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"e1f1ebd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-1a4a99c e-con e-atomic-element e-flexbox-base e-fe4ee52\" data-id=\"1a4a99c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"1a4a99c\">\n    \t\t\t<h4 data-interaction-id=\"3524961\" class=\"e-3524961-430edfc e-heading-base\" data-e-type=\"widget\" data-id=\"3524961\">APPLICATIONS DE L'IoT INDUSTRIEL<\/h4>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3eb0f40 e-grid e-con-boxed e-con e-parent\" data-id=\"3eb0f40\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-fbec53d elementor-widget elementor-widget-icon-box\" data-id=\"fbec53d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSuivi de la production\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tConnecter les machines et les \u00e9quipements de production afin de surveiller les informations op\u00e9rationnelles.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0d46334 elementor-widget elementor-widget-icon-box\" data-id=\"0d46334\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSurveillance des machines\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tSuivre les conditions d'exploitation et l'\u00e9tat des machines.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-501f3d5 elementor-widget elementor-widget-icon-box\" data-id=\"501f3d5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSuivi de la consommation d'\u00e9nergie\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tCollecter et analyser des informations relatives \u00e0 l'\u00e9nergie.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aeb8805 elementor-widget elementor-widget-icon-box\" data-id=\"aeb8805\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tMaintenance pr\u00e9dictive\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tFournir l'infrastructure de donn\u00e9es n\u00e9cessaire aux applications de maintenance pr\u00e9dictive.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b4209a elementor-widget elementor-widget-icon-box\" data-id=\"4b4209a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tSurveillance \u00e0 distance\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tMettre \u00e0 disposition \u00e0 distance, le cas \u00e9ch\u00e9ant, les informations industrielles s\u00e9lectionn\u00e9es.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-002f71b elementor-widget elementor-widget-icon-box\" data-id=\"002f71b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"icon-box.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-icon-box-wrapper\">\n\n\t\t\t\n\t\t\t\t\t\t<div class=\"elementor-icon-box-content\">\n\n\t\t\t\t\t\t\t\t\t<h3 class=\"elementor-icon-box-title\">\n\t\t\t\t\t\t<span  >\n\t\t\t\t\t\t\tConnectivit\u00e9 d'usine\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t<p class=\"elementor-icon-box-description\">\n\t\t\t\t\t\tRelier plusieurs machines et syst\u00e8mes au sein d'une architecture d'information industrielle unifi\u00e9e.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\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-01af10a e-con e-atomic-element e-flexbox-base e-141588b\" data-id=\"01af10a\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"01af10a\">\n    \t\t<div class=\"elementor-element elementor-element-8780c30 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"8780c30\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cee590c e-con e-atomic-element e-flexbox-base e-6e57a84\" data-id=\"cee590c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cee590c\">\n    \t\t<div class=\"elementor-element elementor-element-1991f89 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"1991f89\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_1991f89 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1991f89 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_1991f89:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_1991f89:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1991f89:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1991f89:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_1991f89\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">L'IoT AU SERVICE DE LA FABRICATION INTELLIGENTE<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfed<\/span><h3>Construire une usine plus connect\u00e9e<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">L'Internet des objets industriel (IoT) est l'un des piliers de la fabrication intelligente moderne. Un environnement de production connect\u00e9 permet de mieux cerner les liens entre :<\/p><p><!-- Horizontal Flowchart --><\/p><div class=\"iiot-horizontal-flow\"><div class=\"iiot-node\">\u00c9quipement<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Production<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Donn\u00e9es<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Analyse<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">D\u00e9cision<\/div><div class=\"iiot-arrow-right\">\u2192<\/div><div class=\"iiot-node\">Am\u00e9lioration<\/div><\/div><p><!-- Plain Footer Text Box (No Highlights) --><\/p><div class=\"iiot-footer-text\">GPLG est en mesure d'int\u00e9grer les fonctionnalit\u00e9s de l'IoT dans des projets plus larges d'automatisation et de num\u00e9risation, plut\u00f4t que de consid\u00e9rer l'IoT comme une installation isol\u00e9e.<\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  \/* Horizontal Flowchart Styling *\/<br \/>\n  .iiot-horizontal-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: row;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    gap: 8px;<br \/>\n    padding: 10px 0;<br \/>\n    width: 100%;<br \/>\n    flex-wrap: wrap;<br \/>\n    margin-bottom: 24px;<br \/>\n  }<\/p>\n<p>  .iiot-node {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 12px 18px;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    font-size: 0.88rem;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n    text-align: center;<br \/>\n    box-sizing: border-box;<br \/>\n    white-space: nowrap;<br \/>\n  }<\/p>\n<p>  .iiot-node:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-arrow-right {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.5;<br \/>\n    font-size: 1.2rem;<br \/>\n    line-height: 1;<br \/>\n    padding: 0 2px;<br \/>\n  }<\/p>\n<p>  \/* Plain Footer Text Box (No Highlights) *\/<br \/>\n  .iiot-footer-text {<br \/>\n    text-align: center;<br \/>\n    font-weight: 500;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    padding: 14px 20px;<br \/>\n    border-radius: 6px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    max-width: 800px;<br \/>\n    margin: 0 auto;<br \/>\n  }<\/p>\n<p>  \/* Mobile Responsiveness *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-horizontal-flow {<br \/>\n      flex-direction: column;<br \/>\n    }<\/p>\n<p>    .iiot-node {<br \/>\n      width: 100%;<br \/>\n      max-width: 280px;<br \/>\n      white-space: normal;<br \/>\n    }<\/p>\n<p>    .iiot-arrow-right {<br \/>\n      transform: rotate(90deg);<br \/>\n      margin: 2px 0;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-91555b8 e-con e-atomic-element e-flexbox-base e-76820b7\" data-id=\"91555b8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"91555b8\">\n    \t\t<div class=\"elementor-element elementor-element-bca4bb8 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"bca4bb8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-f0ec213 e-con e-atomic-element e-flexbox-base e-4f8aa37\" data-id=\"f0ec213\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f0ec213\">\n    \t\t<div class=\"elementor-element elementor-element-8026f54 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"8026f54\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_8026f54 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_8026f54 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_8026f54:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_8026f54:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8026f54:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_8026f54:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_8026f54\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">MISE EN \u0152UVRE DE L'IoT INDUSTRIEL<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd04<\/span>\n      <h3>Des \u00e9quipements existants \u00e0 l'usine connect\u00e9e<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La transition vers un environnement connect\u00e9 n\u00e9cessite une m\u00e9thodologie structur\u00e9e. GPLG s'appuie sur un processus professionnel en 7 \u00e9tapes pour int\u00e9grer de mani\u00e8re fiable les fonctionnalit\u00e9s de l'IoT.\n      <\/p>\n\n      <!-- Horizontal Process Flow -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">01<\/div>\n          <div class=\"iiot-step-title\">\u00c9valuation<\/div>\n          <div class=\"iiot-step-desc\">Analyser les \u00e9quipements, les syst\u00e8mes et les capacit\u00e9s de connectivit\u00e9 existants.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">02<\/div>\n          <div class=\"iiot-step-title\">Objectifs<\/div>\n          <div class=\"iiot-step-desc\">Pr\u00e9cisez quelles informations sont r\u00e9ellement n\u00e9cessaires et pourquoi.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">03<\/div>\n          <div class=\"iiot-step-title\">Architecture<\/div>\n          <div class=\"iiot-step-desc\">Concevoir l'architecture de communication et l'architecture IoT.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">04<\/div>\n          <div class=\"iiot-step-title\">Acquisition de donn\u00e9es<\/div>\n          <div class=\"iiot-step-desc\">R\u00e9aliser les raccordements n\u00e9cessaires aux machines, aux automates programmables et aux capteurs.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">05<\/div>\n          <div class=\"iiot-step-title\">Edge \/ Traitement<\/div>\n          <div class=\"iiot-step-desc\">Configurez le traitement local et la gestion des donn\u00e9es lorsque cela est n\u00e9cessaire.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">06<\/div>\n          <div class=\"iiot-step-title\">L'int\u00e9gration<\/div>\n          <div class=\"iiot-step-desc\">Relier la couche IoT aux logiciels et aux syst\u00e8mes industriels concern\u00e9s.<\/div>\n        <\/div>\n\n        <div class=\"iiot-arrow-right\">\u2192<\/div>\n\n        <div class=\"iiot-step-card\">\n          <div class=\"iiot-step-number\">07<\/div>\n          <div class=\"iiot-step-title\">Validation<\/div>\n          <div class=\"iiot-step-desc\">Testez l'ensemble du syst\u00e8me et v\u00e9rifiez que les informations requises sont disponibles et fiables.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flowchart Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: stretch;\n    justify-content: center;\n    gap: 8px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  .iiot-step-card {\n    flex: 1;\n    min-width: 130px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 14px 12px;\n    text-align: center;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-step-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-step-number {\n    font-size: 0.8rem;\n    font-weight: 700;\n    opacity: 0.6;\n    margin-bottom: 4px;\n    letter-spacing: 1px;\n  }\n\n  .iiot-step-title {\n    font-weight: 600;\n    font-size: 0.88rem;\n    color: inherit;\n    margin-bottom: 8px;\n  }\n\n  .iiot-step-desc {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.8;\n    color: inherit;\n  }\n\n  .iiot-arrow-right {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 1.2rem;\n    display: flex;\n    align-items: center;\n    padding: 0 2px;\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 1024px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n      align-items: center;\n    }\n\n    .iiot-step-card {\n      width: 100%;\n      max-width: 320px;\n    }\n\n    .iiot-arrow-right {\n      transform: rotate(90deg);\n      margin: 4px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-856ad73 e-con e-atomic-element e-flexbox-base e-d5b5459\" data-id=\"856ad73\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"856ad73\">\n    \t\t<div class=\"elementor-element elementor-element-6e69ab5 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"6e69ab5\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-fcd98ba e-con e-atomic-element e-flexbox-base e-0f47885\" data-id=\"fcd98ba\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fcd98ba\">\n    \t\t<div class=\"elementor-element elementor-element-53989b1 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"53989b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_53989b1 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_53989b1 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_53989b1:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_53989b1:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_53989b1:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_53989b1:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_53989b1\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromLeft\">TECHNOLOGIES DE L'IoT INDUSTRIEL<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee0\ufe0f<\/span>\n      <h3>Technologies utilis\u00e9es au sein de notre architecture IoT<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Compact Technology Strip -->\n      <div class=\"iiot-tech-strip\">\n        \n        <!-- Category: Communication -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Communication<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> OPC UA<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\u26a1<\/i> MQTT<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd0c<\/i> API REST<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Software -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Logiciels<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc0d<\/i> Python<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udd37<\/i> C# \/ .NET<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Infrastructure -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Infrastructures<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc27<\/i> Linux<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udc33<\/i> Docker<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-strip-divider\"><\/div>\n\n        <!-- Category: Industrial Systems -->\n        <div class=\"iiot-tech-group\">\n          <div class=\"iiot-group-label\">Syst\u00e8mes industriels<\/div>\n          <div class=\"iiot-pill-row\">\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> PLC<\/span>\n            <span class=\"iiot-pill\"><i class=\"iiot-pill-icon\">\ud83d\udda5\ufe0f<\/i> SCADA<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 20px 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Technology Strip Container *\/\n  .iiot-tech-strip {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: space-around;\n    gap: 16px;\n    width: 100%;\n    flex-wrap: wrap;\n  }\n\n  \/* Tech Group Column *\/\n  .iiot-tech-group {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n  }\n\n  .iiot-group-label {\n    font-size: 0.75rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.6;\n    color: inherit;\n  }\n\n  \/* Tech Pill Row *\/\n  .iiot-pill-row {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  \/* Compact Visual Pills *\/\n  .iiot-pill {\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 20px;\n    padding: 6px 14px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.82rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    white-space: nowrap;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-pill:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Vertical Dividers between groups *\/\n  .iiot-strip-divider {\n    width: 1px;\n    height: 40px;\n    background-color: rgba(255, 255, 255, 0.15);\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 900px) {\n    .iiot-tech-strip {\n      flex-direction: column;\n      gap: 16px;\n    }\n\n    .iiot-strip-divider {\n      width: 60%;\n      height: 1px;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-24de941 e-con e-atomic-element e-flexbox-base e-9b8849b\" data-id=\"24de941\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"24de941\">\n    \t\t<div class=\"elementor-element elementor-element-d05f327 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"d05f327\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-704f154 e-con e-atomic-element e-flexbox-base e-65a0f12\" data-id=\"704f154\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"704f154\">\n    \t\t<div class=\"elementor-element elementor-element-473219b ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"473219b\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_473219b {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_473219b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_473219b .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_473219b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_473219b .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_473219b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_473219b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_473219b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_473219b:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_473219b\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">S\u00c9CURIT\u00c9 ET FIABILIT\u00c9<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd12<\/span>\n      <h3>La connectivit\u00e9 industrielle n\u00e9cessite une architecture contr\u00f4l\u00e9e<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La connexion d'\u00e9quipements industriels \u00e0 des r\u00e9seaux num\u00e9riques doit \u00eatre effectu\u00e9e avec soin. GPLG prend en compte les facteurs architecturaux essentiels afin de garantir une int\u00e9gration sans heurts :\n      <\/p>\n\n      <!-- Horizontal Parameter Flow \/ Grid -->\n      <div class=\"iiot-horizontal-flow\">\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83c\udf10<\/i> Architecture r\u00e9seau<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd11<\/i> Contr\u00f4le d'acc\u00e8s<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd00<\/i> Flux de donn\u00e9es<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83e\uddf1<\/i> Segmentation du syst\u00e8me<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/i> S\u00e9curit\u00e9 des appareils<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udce1<\/i> Fiabilit\u00e9 de la communication<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\u2699\ufe0f<\/i> Traitement local ou \u00e0 distance<\/div>\n        <div class=\"iiot-node\"><i class=\"iiot-pill-icon\">\ud83d\udd04<\/i> Continuit\u00e9 des activit\u00e9s<\/div>\n      <\/div>\n\n      <!-- Key Principle Note Box -->\n      <div class=\"iiot-principle-text\">\n        L'architecture de l'Internet des objets (IoT) doit \u00eatre con\u00e7ue sans compromettre les exigences de fiabilit\u00e9 et de s\u00e9curit\u00e9 propres \u00e0 l'environnement de contr\u00f4le industriel.\n      <\/div>\n\n      <!-- Plain Footer Text Box (No Highlights) -->\n      <div class=\"iiot-footer-text\">\n        La connectivit\u00e9 doit permettre d'am\u00e9liorer le fonctionnement de l'usine sans cr\u00e9er de risques ni de complexit\u00e9 inutiles.\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow \/ Grid Styling *\/\n  .iiot-horizontal-flow {\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n    padding: 10px 0;\n    width: 100%;\n    flex-wrap: wrap;\n    margin-bottom: 24px;\n  }\n\n  .iiot-node {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 12px 18px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.88rem;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n    text-align: center;\n    box-sizing: border-box;\n    white-space: nowrap;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Key Principle Box *\/\n  .iiot-principle-text {\n    text-align: center;\n    font-size: 0.92rem;\n    line-height: 1.5;\n    color: inherit;\n    opacity: 0.85;\n    margin-bottom: 16px;\n    padding: 0 10px;\n  }\n\n  \/* Plain Footer Text Box (No Highlights) *\/\n  .iiot-footer-text {\n    text-align: center;\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    opacity: 0.9;\n    padding: 14px 20px;\n    border-radius: 6px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    max-width: 800px;\n    margin: 0 auto;\n  }\n\n  \/* Mobile Responsiveness *\/\n  @media (max-width: 768px) {\n    .iiot-horizontal-flow {\n      flex-direction: column;\n    }\n\n    .iiot-node {\n      width: 100%;\n      max-width: 300px;\n      white-space: normal;\n      justify-content: center;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-90b2a93 e-con e-atomic-element e-flexbox-base e-d23c637\" data-id=\"90b2a93\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"90b2a93\">\n    \t\t<div class=\"elementor-element elementor-element-30a6d88 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"30a6d88\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b289c40 e-con e-atomic-element e-flexbox-base e-9938d31\" data-id=\"b289c40\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b289c40\">\n    \t\t<div class=\"elementor-element elementor-element-1badf42 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"1badf42\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_sliding_content_box.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Content Box Sliding Effect -->\n<style>\/* widget: Content Box Sliding Effect *\/\n\n#uc_sliding_content_box_elementor_1badf42 {\n\tbox-sizing: border-box;\n    overflow:hidden;\n}\n\n.ue-title\n{\n  font-size:21px;\n  width:100%;\n}\n\n.ue-text\n{\n  width:100%;\n}\n\n.ue-btn-wrapper\n{\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .ue-overlay\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_1badf42 .ue-bg\n{\n  position:absolute;\n  top:0;\n  right:0;\n  left:0;\n  bottom:0;\n  transition:0.5s;\n}\n\n#uc_sliding_content_box_elementor_1badf42:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_1badf42:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1badf42:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_1badf42:hover .moveFromBottom\n{\n  animation: moveFromBottom 0.5s;\n}\n\n@-webkit-keyframes moveFromLeft {\n from {\n -webkit-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromLeft {\n from {\n -moz-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromLeft {\n from {\n -ms-transform: translateX(-100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromRight {\n from {\n -webkit-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromRight {\n from {\n -moz-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromRight {\n from {\n -ms-transform: translateX(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateX(0%);\n opacity: 1;\n}\n}\n@-webkit-keyframes moveFromBottom {\n from {\n -webkit-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -webkit-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-moz-keyframes moveFromBottom {\n from {\n -moz-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -moz-transform: translateY(0%);\n opacity: 1;\n}\n}\n@-ms-keyframes moveFromBottom {\n from {\n -ms-transform: translateY(100%);\nopacity: 0;\n}\n to {\n -ms-transform: translateY(0%);\n opacity: 1;\n}\n}\n\n<\/style>\n\n<div class=\"ue-content-box\" id=\"uc_sliding_content_box_elementor_1badf42\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromBottom\">PRINCIPES D'ING\u00c9NIERIE<\/div>\t\n\t\t<div class=\"ue-text moveFromBottom\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83c\udfaf<\/span><h3>Notre approche de l'IoT industriel<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p><!-- 6-Grid Core Pillars --><\/p><div class=\"iiot-pillar-grid\"><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span><div class=\"iiot-pillar-title\">Guid\u00e9 par une mission<\/div><\/div><div class=\"iiot-pillar-desc\">Nous connectons des \u00e9quipements pour une raison op\u00e9rationnelle ou technique bien pr\u00e9cise.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udd17<\/span><div class=\"iiot-pillar-title\">L'int\u00e9gration avant tout<\/div><\/div><div class=\"iiot-pillar-desc\">L'IoT s'inscrit dans le cadre de l'architecture d'automatisation existante.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udcc8<\/span><div class=\"iiot-pillar-title\">\u00c9volutif<\/div><\/div><div class=\"iiot-pillar-desc\">Le syst\u00e8me peut \u00e9voluer \u00e0 mesure que de nouvelles machines et applications sont mises en service.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span><div class=\"iiot-pillar-title\">Fiable<\/div><\/div><div class=\"iiot-pillar-desc\">Les environnements industriels n\u00e9cessitent une communication stable et pr\u00e9visible.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/span><div class=\"iiot-pillar-title\">S\u00e9curis\u00e9<\/div><\/div><div class=\"iiot-pillar-desc\">La connectivit\u00e9 et l'acc\u00e8s aux donn\u00e9es doivent \u00eatre con\u00e7us de mani\u00e8re responsable.<\/div><\/div><div class=\"iiot-pillar-card\"><div class=\"iiot-pillar-header\"><span class=\"iiot-pill-icon\">\ud83d\udca1<\/span><div class=\"iiot-pillar-title\">Pratique<\/div><\/div><div class=\"iiot-pillar-desc\">Nous choisissons les technologies en fonction des besoins concrets de l'application.<\/div><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  \/* Grid Layout for Approach Pillars *\/<br \/>\n  .iiot-pillar-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(3, 1fr);<br \/>\n    gap: 16px;<br \/>\n    width: 100%;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 18px;<br \/>\n    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 8px;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-card:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-pillar-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-title {<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.95rem;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-pill-icon {<br \/>\n    font-style: normal;<br \/>\n    font-size: 1rem;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .iiot-pillar-desc {<br \/>\n    font-size: 0.85rem;<br \/>\n    line-height: 1.45;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Responsive Adjustments for Mobile and Tablet Screens *\/<br \/>\n  @media (max-width: 900px) {<br \/>\n    .iiot-pillar-grid {<br \/>\n      grid-template-columns: repeat(2, 1fr);<br \/>\n    }<br \/>\n  }<\/p>\n<p>  @media (max-width: 600px) {<br \/>\n    .iiot-pillar-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-3bd7f21 e-con e-atomic-element e-flexbox-base e-afa7f3d\" data-id=\"3bd7f21\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3bd7f21\">\n    \t\t<div class=\"elementor-element elementor-element-0dc06c1 elementor-widget-divider--view-line elementor-widget elementor-widget-divider\" data-id=\"0dc06c1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"divider.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-divider\">\n\t\t\t<span class=\"elementor-divider-separator\">\n\t\t\t\t\t\t<\/span>\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-39a57a3 e-con e-atomic-element e-flexbox-base e-3f6716a\" data-id=\"39a57a3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"39a57a3\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-b0416ca\" style=\"visibility:hidden; position: absolute; opacity:0;\">\n\t\t\t\t\t<svg preserveaspectratio='none' xmlns='http:\/\/www.w3.org\/2000\/svg' aria-hidden='true' viewbox='0 0 1000 100'><g fill='%23000000'><path opacity='.5' d='M0 51v15l724-43L0 51z'><\/path><path opacity='.3' d='M0 0v51l600-23L0 0z'><\/path><path d='M0 65v38l1000-3V0L0 65z'><\/path><\/g><\/svg>\t\t\t\t<\/div>\n\t\t\t<div data-ha-partstyle=\"default\" data-ha-partcolor=\"\" data-ha-partopacity=\"\" data-ha-partdirection=\"bottom\" class=\"elementor-element elementor-element-b0416ca ha-particle-yes premium-shape-divider-yes premium-shape48 e-flex e-con-boxed ha-particle-adv-no premium-shape-divider__default premium-shape-divider-anime-yes premium-sh-no-stretch-yes e-con e-child\" data-id=\"b0416ca\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;background_background&quot;:&quot;classic&quot;,&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div class=\"elementor-element elementor-element-b9fa94b e-con-full e-flex e-con e-child\" data-id=\"b9fa94b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-a050b99 elementor-widget elementor-widget-heading\" data-id=\"a050b99\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Connectez votre environnement industriel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4881446 elementor-widget elementor-widget-text-editor\" data-id=\"4881446\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Que vous ayez besoin de connecter une seule machine, de moderniser des \u00e9quipements existants ou de cr\u00e9er un environnement de production connect\u00e9, GPLG peut concevoir et mettre en \u0153uvre l'architecture IoT industrielle adapt\u00e9e.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discuter d'un projet li\u00e9 \u00e0 l'Internet des objets (IoT)<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-70b8b16 e-con-full e-flex e-con e-child\" data-id=\"70b8b16\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-50c08b4 elementor-widget elementor-widget-button\" data-id=\"50c08b4\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contacter GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_sliding_content_box skip render: ucaddon_transparent_split_hero \u2699\ufe0f From Industrial Equipment to Connected Systems An Industrial IoT architecture provides a structured way to collect information from industrial assets and make that information available to higher-level systems. The architecture can be small and focused on a single machine or expanded across an entire production environment. INDUSTRIAL IoT [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":2199,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-2229","page","type-page","status-publish","hentry"],"blocksy_meta":{"styles_descriptor":{"styles":{"desktop":"","tablet":"","mobile":""},"google_fonts":[],"version":7}},"_links":{"self":[{"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2229","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/comments?post=2229"}],"version-history":[{"count":166,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2229\/revisions"}],"predecessor-version":[{"id":4749,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2229\/revisions\/4749"}],"up":[{"embeddable":true,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2199"}],"wp:attachment":[{"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/media?parent=2229"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}