{"id":2231,"date":"2026-08-06T10:24:40","date_gmt":"2026-08-06T10:24:40","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2231"},"modified":"2026-08-22T09:02:15","modified_gmt":"2026-08-22T09:02:15","slug":"jumeau-numerique","status":"publish","type":"page","link":"https:\/\/gplg.pt\/fr\/technologies\/digital-twin\/","title":{"rendered":"Jumeau num\u00e9rique"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2231\" class=\"elementor elementor-2231\" 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-0b53340 e-con e-atomic-element e-flexbox-base e-80abc0e\" data-id=\"0b53340\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"0b53340\">\n    \t\t<div class=\"elementor-element elementor-element-4771ab9 elementor-widget elementor-widget-ucaddon_box_hero\" data-id=\"4771ab9\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_box_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Box Hero -->\n\t\t<link id='font-awesome-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-all.min.css' type='text\/css' rel='stylesheet' >\n\t\t<link id='font-awesome-4-shim-css' href='https:\/\/gplg.pt\/ia\/wp-content\/plugins\/unlimited-elements-for-elementor-premium\/assets_libraries\/font-awesome6\/fontawesome-v4-shims.min.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Box Hero *\/\n\n#uc_box_hero_elementor_4771ab9 *{\n\tbox-sizing: border-box;\n}\n#uc_box_hero_elementor_4771ab9{\n\tdisplay:flex;\n    align-items:center;\n    justify-content:center;\n}\n\n#uc_box_hero_elementor_4771ab9 .uc_container_holder{\n\ttext-align:center;\n}\n\n\n.ue_big_title\n{\n  font-size:32px;\n}\n\n#uc_box_hero_elementor_4771ab9 .uc_btn\n{\n  display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n\n#uc_box_hero_elementor_4771ab9 .uc_main_content_box .uc_social a{\n    display:inline-block;\n    text-decoration:none;\n    transition:0.3s;\n}\n\n<\/style>\n\n<div class=\"uc_blogger_header ue_box_hero\" id=\"uc_box_hero_elementor_4771ab9\">\n    \n    <div class=\"uc_container_holder\">\n    \t<div class=\"uc_main_content_box\" >\n                        \n            <div class=\"uc_content_box\" >\n                                                            <\/div>\n            \n                    <\/div>\n    <\/div>\n<\/div>\n<!-- end Box Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-8c9fb49 e-con e-atomic-element e-flexbox-base e-27c8b6e\" data-id=\"8c9fb49\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8c9fb49\">\n    \t\t<div class=\"elementor-element elementor-element-bf15be6 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"bf15be6\" 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_bf15be6 {\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_bf15be6 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .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_bf15be6 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_bf15be6 .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_bf15be6:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_bf15be6:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bf15be6:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_bf15be6: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_bf15be6\">\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\">Solutions de jumeau num\u00e9rique industriel<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>REPR\u00c9SENTATION PHYSIQUE ET NUM\u00c9RIQUE<\/h3><\/div><\/div><div class=\"iiot-content-inner\"><p><!-- Section Box --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">CARTOGRAPHIE DU SYST\u00c8ME<\/span><br \/><span class=\"iiot-card-title\">Du syst\u00e8me physique \u00e0 sa repr\u00e9sentation num\u00e9rique<\/span><\/div><p class=\"iiot-card-text\">Les syst\u00e8mes industriels peuvent \u00eatre complexes. Les machines, les cha\u00eenes de production, les cellules robotis\u00e9es et les installations renferment une grande quantit\u00e9 d'informations techniques et op\u00e9rationnelles. Un jumeau num\u00e9rique cr\u00e9e une repr\u00e9sentation num\u00e9rique d'un actif ou d'un processus physique et relie cette repr\u00e9sentation aux informations g\u00e9n\u00e9r\u00e9es par le syst\u00e8me r\u00e9el.<\/p><p><!-- Vertical Flow --><\/p><div class=\"iiot-vertical-flow\"><div class=\"iiot-flow-step iiot-flow-highlight-step\"><span class=\"iiot-flow-title\">SYST\u00c8ME PHYSIQUE<\/span><br \/><span class=\"iiot-flow-sub\">Environnement source<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Machines \/ Capteurs \/ Automates programmables<\/span><br \/><span class=\"iiot-flow-sub\">Terminaux mat\u00e9riels<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Donn\u00e9es industrielles<\/span><br \/><span class=\"iiot-flow-sub\">T\u00e9l\u00e9m\u00e9trie et journaux d'\u00e9tat<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step iiot-flow-highlight-step\"><span class=\"iiot-flow-title\">JUMEAU NUM\u00c9RIQUE<\/span><br \/><span class=\"iiot-flow-sub\">Moteur central virtuel<\/span><\/div><div class=\"iiot-flow-arrow\">\u2193<\/div><div class=\"iiot-flow-step\"><span class=\"iiot-flow-title\">Visualisation \/ Analyse \/ Simulation<\/span><br \/><span class=\"iiot-flow-sub\">Informations exploitables<\/span><\/div><\/div><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-badge\">MISE \u00c0 L'\u00c9CHELLE PERSONNALIS\u00c9E<\/div><div class=\"iiot-statement-text\">Le niveau de d\u00e9tail et les fonctionnalit\u00e9s d\u00e9pendent directement des exigences op\u00e9rationnelles de l'application.<\/div><\/div><\/div><\/div><\/div><p><style>\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>  .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 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-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-section-box {<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 20px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 18px;<br \/>\n  }<\/p>\n<p>  .iiot-card-header-inner {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n    padding-bottom: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-card-badge {<br \/>\n    font-size: 0.72rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-title {<br \/>\n    font-size: 1rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-card-text {<br \/>\n    font-size: 0.88rem;<br \/>\n    line-height: 1.5;<br \/>\n    opacity: 0.85;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Vertical Flow *\/<br \/>\n  .iiot-vertical-flow {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    align-items: center;<br \/>\n    gap: 4px;<br \/>\n    margin: 4px 0;<br \/>\n  }<\/p>\n<p>  .iiot-flow-step {<br \/>\n    width: 100%;<br \/>\n    background-color: rgba(255, 255, 255, 0.03);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 12px;<br \/>\n    display: flex;<br \/>\n    justify-content: space-between;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-flow-highlight-step {<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    border-color: rgba(255, 255, 255, 0.35);<br \/>\n  }<\/p>\n<p>  .iiot-flow-title {<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-flow-sub {<br \/>\n    font-size: 0.72rem;<br \/>\n    opacity: 0.65;<br \/>\n  }<\/p>\n<p>  .iiot-flow-arrow {<br \/>\n    font-size: 0.85rem;<br \/>\n    opacity: 0.4;<br \/>\n    line-height: 1;<br \/>\n    margin: 2px 0;<br \/>\n  }<\/p>\n<p>  \/* Note Banner *\/<br \/>\n  .iiot-statement-banner {<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 12px 16px;<br \/>\n    text-align: center;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-statement-badge {<br \/>\n    font-size: 0.7rem;<br \/>\n    font-weight: 700;<br \/>\n    opacity: 0.55;<br \/>\n    letter-spacing: 1px;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 0.84rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.4;<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-bbd1ba5 e-con e-atomic-element e-flexbox-base e-14e1120\" data-id=\"bbd1ba5\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bbd1ba5\">\n    \t\t<div class=\"elementor-element elementor-element-c248cbf ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c248cbf\" 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_c248cbf {\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_c248cbf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .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_c248cbf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c248cbf .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_c248cbf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c248cbf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c248cbf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c248cbf: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_c248cbf\">\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\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>BIEN PLUS QU'UN MOD\u00c8LE 3D<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n\n    <!-- Section Box -->\n    <div class=\"iiot-section-box\">\n      <div class=\"iiot-card-header-inner\">\n        <span class=\"iiot-card-badge\">\u00c9VOLUTION NUM\u00c9RIQUE<\/span>\n        <span class=\"iiot-card-title\">Au-del\u00e0 de la g\u00e9om\u00e9trie, vers l'intelligence dynamique<\/span>\n      <\/div>\n      \n      <p class=\"iiot-card-text\">\n        Un mod\u00e8le 3D ne repr\u00e9sente que l'aspect physique ou la g\u00e9om\u00e9trie d'un objet. Un jumeau num\u00e9rique va bien plus loin en associant cette repr\u00e9sentation num\u00e9rique \u00e0 des informations contextuelles en temps r\u00e9el sur le syst\u00e8me r\u00e9el.\n      <\/p>\n\n      <!-- Four-Card Grid for Components -->\n      <div class=\"iiot-four-card-grid\">\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Mod\u00e8le 3D<\/span>\n          <span class=\"iiot-mini-text\">Aspect physique et g\u00e9om\u00e9trie structurelle.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Donn\u00e9es techniques<\/span>\n          <span class=\"iiot-mini-text\">Caract\u00e9ristiques techniques, sch\u00e9mas et param\u00e8tres de conception.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Donn\u00e9es op\u00e9rationnelles<\/span>\n          <span class=\"iiot-mini-text\">T\u00e9l\u00e9m\u00e9trie en temps r\u00e9el, donn\u00e9es des capteurs et indicateurs de production.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Comportement du syst\u00e8me<\/span>\n          <span class=\"iiot-mini-text\">Cin\u00e9matique, logique et mod\u00e8les de r\u00e9ponse automatis\u00e9e.<\/span>\n        <\/div>\n      <\/div>\n\n      <!-- Result Banner -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-badge\">EQUATION = JUMEAU NUM\u00c9RIQUE<\/div>\n        <div class=\"iiot-statement-text\">\n          Permet aux ing\u00e9nieurs et aux op\u00e9rateurs d'interagir avec une repr\u00e9sentation num\u00e9rique compl\u00e8te et intelligente d'un \u00e9quipement ou d'un processus industriel.\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Four-Card Grid Layout *\/\n  .iiot-four-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 600px) {\n    .iiot-four-card-grid {\n      grid-template-columns: 1fr;\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-52498cc e-con e-atomic-element e-flexbox-base e-ee0037e\" data-id=\"52498cc\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"52498cc\">\n    \t\t<div class=\"elementor-element elementor-element-f704422 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f704422\" 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_f704422 {\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_f704422 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f704422 .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_f704422 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f704422 .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_f704422:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f704422:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f704422:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f704422: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_f704422\">\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\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CE QUE COUVRE UN JUMEAU NUM\u00c9RIQUE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n\n    <!-- Section Box -->\n    <div class=\"iiot-section-box\">\n      <div class=\"iiot-card-header-inner\">\n        <span class=\"iiot-card-badge\">SIMULATION \u00c0 PLUSIEURS NIVEAUX<\/span>\n        <span class=\"iiot-card-title\">Couches de simulation industrielle compl\u00e8tes<\/span>\n      <\/div>\n      \n      <p class=\"iiot-card-text\">\n        GPLG d\u00e9veloppe des jumeaux num\u00e9riques \u00e0 plusieurs niveaux qui englobent les mouvements m\u00e9caniques, les flux op\u00e9rationnels, la logique d'automatisation et la formation des op\u00e9rateurs afin d'optimiser les environnements industriels.\n      <\/p>\n\n      <!-- Six-Card Grid Layout -->\n      <div class=\"iiot-six-card-grid\">\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Jumeaux cin\u00e9matiques et m\u00e9caniques<\/span>\n          <span class=\"iiot-mini-text\">Simulation virtuelle des mouvements physiques, des d\u00e9placements des axes, des trajectoires des robots et de l'usure m\u00e9canique.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Jumeaux de processus et de flux<\/span>\n          <span class=\"iiot-mini-text\">Mod\u00e9lisation de la manutention, du d\u00e9bit de production, des goulots d'\u00e9tranglement et de l'\u00e9quilibrage des lignes.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Automatisation et \u00ab Twins \u00bb de code PLC<\/span>\n          <span class=\"iiot-mini-text\">Des environnements de mise en service virtuels permettant de tester et de d\u00e9boguer en toute s\u00e9curit\u00e9, hors ligne, le code des automates programmables (PLC) et des commandes num\u00e9riques (CNC).<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Jumeaux \u00e9nerg\u00e9tiques et thermiques<\/span>\n          <span class=\"iiot-mini-text\">Simulation de la consommation \u00e9lectrique, du comportement thermique et des facteurs environnementaux sur l'ensemble des machines.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Jumeaux historiques et pr\u00e9dictifs<\/span>\n          <span class=\"iiot-mini-text\">Repasser des s\u00e9quences op\u00e9rationnelles historiques afin d'analyser les d\u00e9faillances pass\u00e9es ou de pr\u00e9voir des anomalies futures.<\/span>\n        <\/div>\n        <div class=\"iiot-mini-card\">\n          <span class=\"iiot-mini-title\">Formation des op\u00e9rateurs \u00ab Twins \u00bb<\/span>\n          <span class=\"iiot-mini-text\">Environnements virtuels interactifs destin\u00e9s \u00e0 la formation des op\u00e9rateurs et du personnel de maintenance sur des cellules complexes.<\/span>\n        <\/div>\n      <\/div>\n\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-badge\">SIMULATION HOLISTIQUE<\/div>\n        <div class=\"iiot-statement-text\">\n          Relier les actifs physiques \u00e0 des r\u00e9pliques virtuelles \u00e0 plusieurs niveaux pour une optimisation totale de l'usine.\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 18px;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.88rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Six-Card Grid Layout *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.7rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.84rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.4;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-six-card-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-six-card-grid {\n      grid-template-columns: 1fr;\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-c74e0d6 e-con e-atomic-element e-flexbox-base e-58140d4\" data-id=\"c74e0d6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c74e0d6\">\n    \t\t<div class=\"elementor-element elementor-element-c33f93b ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c33f93b\" 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_c33f93b {\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_c33f93b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .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_c33f93b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c33f93b .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_c33f93b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c33f93b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c33f93b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c33f93b: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_c33f93b\">\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\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>REPR\u00c9SENTATION INDUSTRIELLE ET ARCHITECTURE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: What Can Be Represented (Six-Card Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">MOD\u00c8LES NUM\u00c9RIQUES<\/span>\n          <span class=\"iiot-card-title\">Que peut-on repr\u00e9senter ?<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Machines<\/span>\n            <span class=\"iiot-mini-text\">Repr\u00e9sentations num\u00e9riques de machines industrielles individuelles.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Lignes de production<\/span>\n            <span class=\"iiot-mini-text\">Relations et flux entre plusieurs machines.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Cellules robotis\u00e9es<\/span>\n            <span class=\"iiot-mini-text\">Syst\u00e8mes, \u00e9quipements et proc\u00e9d\u00e9s robotiques.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Entrep\u00f4ts<\/span>\n            <span class=\"iiot-mini-text\">Syst\u00e8mes de stockage, flux de mat\u00e9riaux et manutention.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">\u00c9quipements<\/span>\n            <span class=\"iiot-mini-text\">Environnements et infrastructures industriels.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Processus<\/span>\n            <span class=\"iiot-mini-text\">Processus de production et comportement op\u00e9rationnel.<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin Architecture (Technical Flow Diagram) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ARCHITECTURE DU JUMEAU NUM\u00c9RIQUE<\/span>\n          <span class=\"iiot-card-title\">Rapprocher le monde physique et le monde num\u00e9rique<\/span>\n        <\/div>\n\n        <div class=\"iiot-arch-diagram\">\n          <div class=\"iiot-arch-tier-label\">LE MONDE PHYSIQUE<\/div>\n          <div class=\"iiot-arch-row\">\n            <span class=\"iiot-arch-badge\">Machine<\/span>\n            <span class=\"iiot-arch-badge\">Robot<\/span>\n            <span class=\"iiot-arch-badge\">PLC<\/span>\n            <span class=\"iiot-arch-badge\">Capteurs<\/span>\n            <span class=\"iiot-arch-badge\">CNC<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node\">Collecte de donn\u00e9es industrielles<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">Moteur central du jumeau num\u00e9rique<\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-row\">\n            <span class=\"iiot-arch-subnode\">Visualisation<\/span>\n            <span class=\"iiot-arch-subnode\">Simulation<\/span>\n            <span class=\"iiot-arch-subnode\">Analyse<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-arch-node\">Ing\u00e9nierie et applications logicielles<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">COUCHE D'INT\u00c9GRATION<\/div>\n          <div class=\"iiot-statement-text\">\n            Relier les informations issues de l'atelier aux applications d'ing\u00e9nierie.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* Six-Card Grid Layout (2x3 inside the left column) *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.75rem;\n    line-height: 1.35;\n    opacity: 0.75;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 5px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n  }\n\n  .iiot-arch-row {\n    display: flex;\n    flex-wrap: wrap;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n  }\n\n  .iiot-arch-badge {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    padding: 4px 8px;\n    font-size: 0.74rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 280px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    text-align: center;\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-arch-subnode {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 4px;\n    padding: 4px 10px;\n    font-size: 0.74rem;\n    font-weight: 500;\n    opacity: 0.85;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.78rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\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-d98a60d e-con e-atomic-element e-flexbox-base e-ae459ff\" data-id=\"d98a60d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d98a60d\">\n    \t\t<div class=\"elementor-element elementor-element-b6ad3bf ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b6ad3bf\" 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_b6ad3bf {\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_b6ad3bf .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .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_b6ad3bf .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf .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_b6ad3bf:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b6ad3bf: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_b6ad3bf\">\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\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>CONNEXION AUX DONN\u00c9ES ET VISUALISATION<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Data Connection Sources -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">CONNEXION DE DONN\u00c9ES<\/span>\n          <span class=\"iiot-card-title\">Refl\u00e9ter les conditions industrielles r\u00e9elles<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Selon le projet, des informations peuvent \u00eatre obtenues \u00e0 partir de divers param\u00e8tres de la plante afin de mettre \u00e0 jour la repr\u00e9sentation num\u00e9rique et d'interagir avec celle-ci.\n        <\/p>\n\n        <!-- Sources Grid -->\n        <div class=\"iiot-sources-grid\">\n          <div class=\"iiot-source-item\">Les syst\u00e8mes PLC<\/div>\n          <div class=\"iiot-source-item\">Capteurs<\/div>\n          <div class=\"iiot-source-item\">Machines<\/div>\n          <div class=\"iiot-source-item\">\u00c9quipements CNC<\/div>\n          <div class=\"iiot-source-item\">Robots<\/div>\n          <div class=\"iiot-source-item\">SCADA<\/div>\n          <div class=\"iiot-source-item\">Logiciels industriels<\/div>\n          <div class=\"iiot-source-item\">Bases de donn\u00e9es<\/div>\n          <div class=\"iiot-source-item\">Syst\u00e8mes IoT<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">FLEXIBILIT\u00c9 ARCHITECTURALE<\/div>\n          <div class=\"iiot-statement-text\">\n            Tous les jumeaux num\u00e9riques ne n\u00e9cessitent pas forc\u00e9ment des donn\u00e9es en temps r\u00e9el. L'architecture d\u00e9pend enti\u00e8rement de l'application vis\u00e9e.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Visualisation (Large Visual Section) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">VISUALISATION<\/span>\n          <span class=\"iiot-card-title\">Comprendre les syst\u00e8mes complexes<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Fournir une repr\u00e9sentation visuelle compl\u00e8te des \u00e9quipements et des processus afin d'offrir aux \u00e9quipes une vision tr\u00e8s claire du fonctionnement.\n        <\/p>\n\n        <!-- Large Visual Display Box -->\n        <div class=\"iiot-visual-display-box\">\n          <div class=\"iiot-visual-core-title\">MATRICE DE CLART\u00c9 OP\u00c9RATIONNELLE<\/div>\n          <div class=\"iiot-visual-metrics-grid\">\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Disposition des \u00e9quipements<\/span>\n              <span class=\"iiot-vm-sub\">Cartographie spatiale et structurelle<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Relations entre machines<\/span>\n              <span class=\"iiot-vm-sub\">Comportements interd\u00e9pendants<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Flux de production<\/span>\n              <span class=\"iiot-vm-sub\">D\u00e9bit et routage<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Statut de l'actif<\/span>\n              <span class=\"iiot-vm-sub\">Sant\u00e9 en temps r\u00e9el et t\u00e9l\u00e9m\u00e9trie<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Comportement du processus<\/span>\n              <span class=\"iiot-vm-sub\">Simulation cin\u00e9matique<\/span>\n            <\/div>\n            <div class=\"iiot-visual-metric-card\">\n              <span class=\"iiot-vm-title\">Configuration du syst\u00e8me<\/span>\n              <span class=\"iiot-vm-sub\">Contr\u00f4le des param\u00e8tres<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PERSPECTIVES TECHNIQUES<\/div>\n          <div class=\"iiot-statement-text\">\n            Transformer des donn\u00e9es complexes \u00e0 plusieurs variables en interfaces visuelles intuitives destin\u00e9es aux ing\u00e9nieurs et aux op\u00e9rateurs.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Sources Grid (3x3) *\/\n  .iiot-sources-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n  }\n\n  .iiot-source-item {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 10px 8px;\n    text-align: center;\n    font-size: 0.76rem;\n    font-weight: 500;\n    color: #ffffff;\n    opacity: 0.9;\n  }\n\n  \/* Large Visual Display Box (Column 2) *\/\n  .iiot-visual-display-box {\n    background-color: rgba(13, 35, 58, 0.4);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 14px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-visual-core-title {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    opacity: 0.6;\n    text-align: center;\n  }\n\n  .iiot-visual-metrics-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 8px;\n  }\n\n  .iiot-visual-metric-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 4px;\n    padding: 8px 10px;\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-vm-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-vm-sub {\n    font-size: 0.7rem;\n    opacity: 0.6;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-sources-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .iiot-visual-metrics-grid {\n      grid-template-columns: 1fr;\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-d602565 e-con e-atomic-element e-flexbox-base e-dfa417b\" data-id=\"d602565\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d602565\">\n    \t\t<div class=\"elementor-element elementor-element-c26e433 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"c26e433\" 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_c26e433 {\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_c26e433 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .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_c26e433 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_c26e433 .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_c26e433:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_c26e433:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c26e433:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_c26e433: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_c26e433\">\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\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>INT\u00c9GRATION DE LA SIMULATION ET DE L'AUTOMATISATION<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Simulation (Applications Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">SIMULATION<\/span>\n          <span class=\"iiot-card-title\">Tester des id\u00e9es dans un environnement num\u00e9rique<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Les mod\u00e8les num\u00e9riques constituent des ressources essentielles pour les activit\u00e9s d'ing\u00e9nierie et de simulation, permettant aux \u00e9quipes de valider des concepts en toute s\u00e9curit\u00e9 hors ligne.\n        <\/p>\n\n        <!-- Five-Item Grid \/ List -->\n        <div class=\"iiot-features-list\">\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Simulation de processus :<\/strong> \u00c9valuer le comportement d'un processus dans diff\u00e9rentes conditions d'exploitation.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>\u00c9valuation de la mise en page :<\/strong> Analyser l'emplacement des \u00e9quipements et l'efficacit\u00e9 du flux de production.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Simulation de robot :<\/strong> Tester les mouvements du robot, sa port\u00e9e et les interf\u00e9rences dans l'espace de travail.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Sc\u00e9narios de production :<\/strong> Simulez les ajustements de la ligne avant de mettre en \u0153uvre les modifications concr\u00e8tement.<\/span>\n          <\/div>\n          <div class=\"iiot-feature-item\">\n            <div class=\"iiot-feature-bullet\"><\/div>\n            <span><strong>Validation technique :<\/strong> V\u00e9rifier les aspects m\u00e9caniques et logiques avant la mise en place physique.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PROTOTYPAGE VIRTUEL<\/div>\n          <div class=\"iiot-statement-text\">\n            \u00c9liminez les approximations en validant des r\u00e9glages industriels complexes dans un environnement num\u00e9rique sans aucun risque.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin + Automation (Vertical Flow & Advanced Note) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">JUMEAU NUM\u00c9RIQUE + AUTOMATISATION<\/span>\n          <span class=\"iiot-card-title\">Relier les mod\u00e8les \u00e0 l'automatisation<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Un jumeau num\u00e9rique se connecte directement aux syst\u00e8mes d'automatisation pour reproduire en temps r\u00e9el les processus physiques.\n        <\/p>\n\n        <!-- Vertical Automation Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">PLC<\/span>\n            <span class=\"iiot-flow-sub\">Logique de commande<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Donn\u00e9es industrielles<\/span>\n            <span class=\"iiot-flow-sub\">T\u00e9l\u00e9m\u00e9trie en temps r\u00e9el<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">Jumeau num\u00e9rique<\/span>\n            <span class=\"iiot-flow-sub\">Noyau virtuel<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Visualisation<\/span>\n            <span class=\"iiot-flow-sub\">Interface op\u00e9rateur<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">D\u00c9PLOIEMENT AVANC\u00c9<\/div>\n          <div class=\"iiot-statement-text\">\n            Pour les applications avanc\u00e9es, l'environnement num\u00e9rique s'int\u00e8gre parfaitement aux outils de simulation et d'ing\u00e9nierie de l'entreprise.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    margin: 2px 0;\n  }\n\n  .iiot-feature-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 8px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 10px;\n    font-size: 0.78rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 5px;\n    height: 5px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.68rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\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-832c899 e-con e-atomic-element e-flexbox-base e-a537ce5\" data-id=\"832c899\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"832c899\">\n    \t\t<div class=\"elementor-element elementor-element-0de3654 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0de3654\" 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_0de3654 {\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_0de3654 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .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_0de3654 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0de3654 .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_0de3654:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0de3654:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0de3654:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0de3654: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_0de3654\">\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\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>JUMEAU NUM\u00c9RIQUE + IoT ET IA<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Digital Twin + IoT -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">JUMEAU NUM\u00c9RIQUE + IoT<\/span>\n          <span class=\"iiot-card-title\">Connexion aux donn\u00e9es industrielles<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          L'IoT industriel fournit la couche de connectivit\u00e9 essentielle n\u00e9cessaire \u00e0 la collecte et \u00e0 la transmission en continu des informations provenant des \u00e9quipements r\u00e9partis dans l'atelier.\n        <\/p>\n\n        <!-- Vertical IoT Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Machines<\/span>\n            <span class=\"iiot-flow-sub\">Mat\u00e9riel pour les usines<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Capteurs \/ Automates programmables<\/span>\n            <span class=\"iiot-flow-sub\">Collecte des signaux<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">IoT industriel<\/span>\n            <span class=\"iiot-flow-sub\">Transmission p\u00e9riph\u00e9rique<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Donn\u00e9es<\/span>\n            <span class=\"iiot-flow-sub\">Flux normalis\u00e9s<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">Jumeau num\u00e9rique<\/span>\n            <span class=\"iiot-flow-sub\">Synchronisation virtuelle<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">INT\u00c9GRATION EN DIRECT<\/div>\n          <div class=\"iiot-statement-text\">\n            Permet \u00e0 la repr\u00e9sentation num\u00e9rique d'int\u00e9grer en continu des informations en temps r\u00e9el provenant de l'environnement physique.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Digital Twin + AI (Short Form) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">JUMEAU NUM\u00c9RIQUE + IA<\/span>\n          <span class=\"iiot-card-title\">Ajouter de l'intelligence<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          La technologie du jumeau num\u00e9rique et l'IA se compl\u00e8tent parfaitement : le jumeau offre une repr\u00e9sentation structur\u00e9e, tandis que l'IA analyse les informations pour identifier des tendances, des anomalies et des possibilit\u00e9s d'optimisation.\n        <\/p>\n\n        <!-- Compact Vertical AI Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Syst\u00e8me physique<\/span>\n            <span class=\"iiot-flow-sub\">Source<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Jumeau num\u00e9rique<\/span>\n            <span class=\"iiot-flow-sub\">Structure<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step iiot-flow-highlight-step\">\n            <span class=\"iiot-flow-title\">IA \/ Analytique<\/span>\n            <span class=\"iiot-flow-sub\">D\u00e9tection de motifs<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Informations exploitables<\/span>\n            <span class=\"iiot-flow-sub\">Optimisation<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">\u00c9COSYST\u00c8ME D'IA DE PLG<\/div>\n          <div class=\"iiot-statement-text\">\n            D\u00e9couvrez notre page d\u00e9di\u00e9e aux solutions d'IA PLG, qui pr\u00e9sente des cadres avanc\u00e9s d'apprentissage automatique et d'intelligence industrielle.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 4px 0;\n  }\n\n  .iiot-flow-step {\n    width: 100%;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    display: flex;\n    justify-content: space-between;\n    align-items: center;\n  }\n\n  .iiot-flow-highlight-step {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-flow-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.68rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\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-c7e1ebb e-con e-atomic-element e-flexbox-base e-3eaa468\" data-id=\"c7e1ebb\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"c7e1ebb\">\n    \t\t<div class=\"elementor-element elementor-element-738496f ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"738496f\" 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_738496f {\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_738496f .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_738496f .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_738496f .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_738496f .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_738496f:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_738496f:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_738496f:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_738496f: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_738496f\">\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\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>APPLICATIONS ET MISE EN \u0152UVRE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Applications (Six-Card Grid) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">APPLICATIONS<\/span>\n          <span class=\"iiot-card-title\">Dans quels domaines les jumeaux num\u00e9riques peuvent-ils \u00eatre utilis\u00e9s ?<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Ing\u00e9nierie<\/span>\n            <span class=\"iiot-mini-text\">\u00c9valuer la conception et la configuration des syst\u00e8mes industriels.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Production<\/span>\n            <span class=\"iiot-mini-text\">Comprendre les processus de production et les interactions entre les \u00e9quipements.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Maintenance<\/span>\n            <span class=\"iiot-mini-text\">Fournir les r\u00e9f\u00e9rences des \u00e9quipements et les informations op\u00e9rationnelles.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">La robotique<\/span>\n            <span class=\"iiot-mini-text\">Repr\u00e9senter les cellules robotiques et leur environnement.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Entreposage<\/span>\n            <span class=\"iiot-mini-text\">Mod\u00e9liser les syst\u00e8mes automatis\u00e9s de stockage et de manutention.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Optimisation<\/span>\n            <span class=\"iiot-mini-text\">Analyser les am\u00e9liorations possibles des processus et des syst\u00e8mes.<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">VALEUR INTERSECTORIELLE<\/div>\n          <div class=\"iiot-statement-text\">\n            Des solutions num\u00e9riques \u00e9volutives con\u00e7ues pour accompagner les cycles de vie de l'ing\u00e9nierie, de la production et de la maintenance.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Implementation (6-Step Timeline) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">MISE EN \u0152UVRE<\/span>\n          <span class=\"iiot-card-title\">Du syst\u00e8me physique au jumeau num\u00e9rique<\/span>\n        <\/div>\n\n        <!-- 6-Step Timeline Grid\/List -->\n        <div class=\"iiot-timeline-list\">\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">01<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">\u00c9valuation<\/span>\n              <span class=\"iiot-timeline-text\">Comprendre le syst\u00e8me physique et les objectifs du projet.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">02<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Donn\u00e9es et exigences<\/span>\n              <span class=\"iiot-timeline-text\">Recenser les informations techniques et op\u00e9rationnelles disponibles.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">03<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Mod\u00e8le num\u00e9rique<\/span>\n              <span class=\"iiot-timeline-text\">\u00c9laborer la repr\u00e9sentation num\u00e9rique appropri\u00e9e.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">04<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">L'int\u00e9gration<\/span>\n              <span class=\"iiot-timeline-text\">Connectez les syst\u00e8mes industriels et les sources de donn\u00e9es pertinents.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">05<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">Validation<\/span>\n              <span class=\"iiot-timeline-text\">Comparez l'environnement num\u00e9rique au syst\u00e8me physique.<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-timeline-item\">\n            <span class=\"iiot-timeline-num\">06<\/span>\n            <div class=\"iiot-timeline-content\">\n              <span class=\"iiot-timeline-title\">D\u00e9ploiement<\/span>\n              <span class=\"iiot-timeline-text\">Mettre en \u0153uvre le jumeau num\u00e9rique dans l'environnement pr\u00e9vu.<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">D\u00c9PLOIEMENT STRUCTUR\u00c9<\/div>\n          <div class=\"iiot-statement-text\">\n            Une feuille de route technique m\u00e9thodique garantissant une ad\u00e9quation parfaite entre la r\u00e9alit\u00e9 physique et la mise en \u0153uvre virtuelle.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  \/* Six-Card Grid Layout (2x3 inside the left column) *\/\n  .iiot-six-card-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-mini-card {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n  }\n\n  .iiot-mini-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-mini-text {\n    font-size: 0.75rem;\n    line-height: 1.35;\n    opacity: 0.75;\n  }\n\n  \/* Timeline List Layout (Column 2) *\/\n  .iiot-timeline-list {\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n  }\n\n  .iiot-timeline-item {\n    display: flex;\n    align-items: flex-start;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 8px 10px;\n  }\n\n  .iiot-timeline-num {\n    font-size: 0.72rem;\n    font-weight: 700;\n    color: #ffffff;\n    background-color: rgba(13, 35, 58, 0.85);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 4px;\n    padding: 2px 6px;\n    flex-shrink: 0;\n    margin-top: 1px;\n  }\n\n  .iiot-timeline-content {\n    display: flex;\n    flex-direction: column;\n    gap: 1px;\n  }\n\n  .iiot-timeline-title {\n    font-size: 0.78rem;\n    font-weight: 600;\n    color: #ffffff;\n  }\n\n  .iiot-timeline-text {\n    font-size: 0.72rem;\n    line-height: 1.3;\n    opacity: 0.75;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\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-3a63c88 e-con e-atomic-element e-flexbox-base e-7357f8b\" data-id=\"3a63c88\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a63c88\">\n    \t\t<div class=\"elementor-element elementor-element-98e7e10 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"98e7e10\" 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_98e7e10 {\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_98e7e10 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .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_98e7e10 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_98e7e10 .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_98e7e10:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_98e7e10:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_98e7e10:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_98e7e10: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_98e7e10\">\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\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>TECHNOLOGIES ET APPROCHE GPLG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Digital Twin Technologies (Visual Strip) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">TECHNOLOGIES DU JUMEAU NUM\u00c9RIQUE<\/span>\n          <span class=\"iiot-card-title\">Technologies dans l'environnement num\u00e9rique<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Nos solutions int\u00e8grent des piles technologiques robustes et conformes aux normes du secteur afin de garantir une interop\u00e9rabilit\u00e9 et des performances optimales.\n        <\/p>\n\n        <!-- Visual Technology Strip Grid -->\n        <div class=\"iiot-tech-strip-grid\">\n          <div class=\"iiot-tech-badge\">3D \/ CAO<\/div>\n          <div class=\"iiot-tech-badge\">C#<\/div>\n          <div class=\"iiot-tech-badge\">Python<\/div>\n          <div class=\"iiot-tech-badge\">.NET<\/div>\n          <div class=\"iiot-tech-badge\">OPC UA<\/div>\n          <div class=\"iiot-tech-badge\">MQTT<\/div>\n          <div class=\"iiot-tech-badge\">IoT industriel<\/div>\n          <div class=\"iiot-tech-badge\">SQL<\/div>\n          <div class=\"iiot-tech-badge\">IA \/ Apprentissage automatique<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PILE INTEROP\u00c9RABLE<\/div>\n          <div class=\"iiot-statement-text\">\n            Con\u00e7u \u00e0 l'aide d'outils d'ing\u00e9nierie modernes et \u00e9volutifs, adapt\u00e9s \u00e0 votre \u00e9cosyst\u00e8me op\u00e9rationnel.\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: GPLG Approach & Strong Statement -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">L'APPROCHE DE GPLG<\/span>\n          <span class=\"iiot-card-title\">Con\u00e7u \u00e0 partir de v\u00e9ritables syst\u00e8mes industriels<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Un jumeau num\u00e9rique doit repr\u00e9senter le syst\u00e8me avec suffisamment de pr\u00e9cision pour \u00eatre utile au regard de l'usage auquel il est destin\u00e9. GPLG aborde les projets de jumeau num\u00e9rique sous un angle strictement technique :\n        <\/p>\n\n        <!-- Horizontal\/Vertical Flow Line -->\n        <div class=\"iiot-approach-flow\">\n          <div class=\"iiot-approach-step\">Syst\u00e8me physique<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Maquette technique<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Donn\u00e9es industrielles<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step\">Repr\u00e9sentation num\u00e9rique<\/div>\n          <div class=\"iiot-approach-arrow\">\u2192<\/div>\n          <div class=\"iiot-approach-step iiot-approach-highlight\">Application<\/div>\n        <\/div>\n\n        <p class=\"iiot-card-text\" style=\"font-size: 0.8rem; opacity: 0.75;\">\n          La technologie et le niveau de d\u00e9tail sont choisis en fonction de l'objectif concret du projet.\n        <\/p>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\">\n          <div class=\"iiot-statement-badge\">OBJECTIF TECHNIQUE<\/div>\n          <div class=\"iiot-statement-text\">\n            \" Nous ne cr\u00e9ons pas de mod\u00e8les num\u00e9riques simplement pour en impressionner. Nous cr\u00e9ons des repr\u00e9sentations num\u00e9riques qui ont une utilit\u00e9 pratique en ing\u00e9nierie. \"\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\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  .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 h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Technology Strip Grid *\/\n  .iiot-tech-strip-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 8px;\n    margin: 4px 0;\n  }\n\n  .iiot-tech-badge {\n    background-color: rgba(255, 255, 255, 0.02);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    border-radius: 6px;\n    padding: 10px 8px;\n    text-align: center;\n    font-size: 0.76rem;\n    font-weight: 600;\n    color: #ffffff;\n    opacity: 0.9;\n  }\n\n  \/* Approach Flow Diagram *\/\n  .iiot-approach-flow {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 12px;\n  }\n\n  .iiot-approach-step {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 4px;\n    padding: 5px 8px;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: #ffffff;\n    text-align: center;\n    flex-grow: 1;\n  }\n\n  .iiot-approach-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-approach-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    font-weight: 700;\n  }\n\n  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n    margin-top: auto;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-tech-strip-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n    .iiot-approach-flow {\n      flex-direction: column;\n      align-stretch;\n    }\n    .iiot-approach-arrow {\n      text-align: 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-3a396c3 e-con e-atomic-element e-flexbox-base e-53fd4bc\" data-id=\"3a396c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3a396c3\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-4bdf56b\" 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-4bdf56b 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=\"4bdf56b\" 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-6482f5d e-con-full e-flex e-con e-child\" data-id=\"6482f5d\" 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-79a39a4 elementor-widget elementor-widget-heading\" data-id=\"79a39a4\" 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\">Cr\u00e9ez une repr\u00e9sentation num\u00e9rique de votre syst\u00e8me industriel<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fccb294 elementor-widget elementor-widget-text-editor\" data-id=\"fccb294\" 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>D\u00e9couvrez comment un jumeau num\u00e9rique pourrait vous aider \u00e0 atteindre vos objectifs en mati\u00e8re d'ing\u00e9nierie, d'automatisation, de production ou d'optimisation.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discuter d'un projet de jumeau num\u00e9rique<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-a95eed6 e-con-full e-flex e-con e-child\" data-id=\"a95eed6\" 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-550eb2b elementor-widget elementor-widget-button\" data-id=\"550eb2b\" 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_box_hero skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box skip render: ucaddon_sliding_content_box Build a Digital Representation of Your Industrial System Explore how a Digital Twin could support your engineering, automation, production or optimisation objectives. Discuss a Digital [&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-2231","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\/2231","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=2231"}],"version-history":[{"count":94,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2231\/revisions"}],"predecessor-version":[{"id":5276,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2231\/revisions\/5276"}],"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=2231"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}