{"id":2310,"date":"2026-08-06T19:00:39","date_gmt":"2026-08-06T19:00:39","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2310"},"modified":"2026-08-22T08:39:35","modified_gmt":"2026-08-22T08:39:35","slug":"integration-dans-le-cloud","status":"publish","type":"page","link":"https:\/\/gplg.pt\/fr\/technologies\/cloud-integration\/","title":{"rendered":"Int\u00e9gration au cloud"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2310\" class=\"elementor elementor-2310\" 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-d35c622 e-con e-atomic-element e-flexbox-base e-0b3d2a1\" data-id=\"d35c622\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d35c622\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"2a0a74a\" data-e-type=\"widget\" data-id=\"2a0a74a\" id=\"4306\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/cloud-integ-18x4.jpeg 18w\" alt=\"int\u00e9gration cloud\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-b713e8d e-con e-atomic-element e-flexbox-base e-5c6dc2b\" data-id=\"b713e8d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b713e8d\">\n    \t\t<div class=\"elementor-element elementor-element-3bda3e9 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"3bda3e9\" 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_3bda3e9 {\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_3bda3e9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9 .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_3bda3e9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9 .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_3bda3e9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_3bda3e9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_3bda3e9: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_3bda3e9\">\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\">Int\u00e9gration du cloud dans les environnements industriels<\/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>Relier les op\u00e9rations en usine \u00e0 des architectures cloud s\u00e9curis\u00e9es<\/h3><\/div><\/div><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">INFRASTRUCTURE HYBRIDE<\/span><br \/><span class=\"iiot-card-title\">Int\u00e9gration transparente entre l'OT et le cloud<\/span><\/div><p class=\"iiot-card-text\">GPLG con\u00e7oit et met en \u0153uvre des strat\u00e9gies d'int\u00e9gration dans le cloud pour les applications industrielles, permettant de relier de mani\u00e8re transparente les environnements OT \u00e0 l'infrastructure cloud sans compromettre la s\u00e9curit\u00e9 op\u00e9rationnelle ni la latence.<\/p><p><!-- Feature Capabilities Grid --><\/p><div class=\"iiot-cloud-grid\"><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\">\u00a0<\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">T\u00e9l\u00e9m\u00e9trie \u00e0 distance<\/div><p class=\"iiot-cloud-desc\">Surveillance des actifs en temps r\u00e9el et transmission des donn\u00e9es de la p\u00e9riph\u00e9rie vers le cloud pour les op\u00e9rations distribu\u00e9es.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\"><br \/><br \/><br \/><br \/><br \/><\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Consolidation multisite<\/div><p class=\"iiot-cloud-desc\">Couche de donn\u00e9es d'entreprise unifi\u00e9e regroupant les indicateurs de performance de plusieurs sites de production.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\"><br \/><br \/><\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Lacs de donn\u00e9es centralis\u00e9s<\/div><p class=\"iiot-cloud-desc\">Des pipelines de stockage \u00e9volutifs et structur\u00e9s, con\u00e7us pour les donn\u00e9es industrielles de s\u00e9ries chronologiques \u00e0 haut volume.<\/p><\/div><\/div><div class=\"iiot-cloud-card\"><div class=\"iiot-cloud-icon\">\u00a0<\/div><div class=\"iiot-cloud-body\"><div class=\"iiot-cloud-title\">Analyse des donn\u00e9es dans le cloud<\/div><p class=\"iiot-cloud-desc\">Rapports avanc\u00e9s, mod\u00e9lisation pr\u00e9dictive et tableaux de bord d'intelligence \u00e9conomique.<\/p><\/div><\/div><\/div><p><!-- Strong Summary Banner --><\/p><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-text\">Nous d\u00e9veloppons des architectures cloud adapt\u00e9es aux besoins de l'industrie manufacturi\u00e8re moderne.<\/div><\/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    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 20px;<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: 16px;<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>  \/* Cloud Capabilities Grid *\/<br \/>\n  .iiot-cloud-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 12px;<br \/>\n    margin-top: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-card {<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: 16px;<br \/>\n    display: flex;<br \/>\n    align-items: flex-start;<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-icon {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    justify-content: center;<br \/>\n    padding: 8px;<br \/>\n    background-color: rgba(13, 35, 58, 0.6);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 6px;<br \/>\n    color: #ffffff;<br \/>\n    flex-shrink: 0;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-body {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-title {<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-cloud-desc {<br \/>\n    font-size: 0.82rem;<br \/>\n    line-height: 1.4;<br \/>\n    opacity: 0.75;<br \/>\n    margin: 0;<br \/>\n  }<\/p>\n<p>  \/* Statement 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: 16px 20px;<br \/>\n    text-align: center;<br \/>\n    margin-top: 4px;<br \/>\n  }<\/p>\n<p>  .iiot-statement-text {<br \/>\n    font-size: 0.95rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.5;<br \/>\n  }<\/p>\n<p>  @media (max-width: 768px) {<br \/>\n    .iiot-cloud-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-de973b4 e-con e-atomic-element e-flexbox-base e-c2abfb2\" data-id=\"de973b4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"de973b4\">\n    \t\t<div class=\"elementor-element elementor-element-47be1da ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"47be1da\" 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_47be1da {\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_47be1da .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_47be1da .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_47be1da .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_47be1da .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_47be1da:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_47be1da:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_47be1da:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_47be1da: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_47be1da\">\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>Les syst\u00e8mes industriels s'\u00e9tendent au-del\u00e0 de l'usine<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">ARCHITECTURE HYBRIDE OT\/IT<\/span>\n          <span class=\"iiot-card-title\">Faire le lien entre les technologies op\u00e9rationnelles et l'infrastructure cloud<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Les op\u00e9rations industrielles modernes tirent de plus en plus parti de l'acc\u00e8s centralis\u00e9, de l'exploitation \u00e0 distance et d'une puissance de calcul \u00e9volutive. Les automates programmables (PLC), les passerelles p\u00e9riph\u00e9riques, les plateformes SCADA et les bases de donn\u00e9es d'usine g\u00e9n\u00e8rent des donn\u00e9es \u00e0 forte valeur ajout\u00e9e qui doivent \u00eatre agr\u00e9g\u00e9es entre les diff\u00e9rents sites ou transmises \u00e0 des plateformes d'entreprise hors site.\n        <\/p>\n\n        <p class=\"iiot-card-text\">\n          En l'absence d'une architecture hybride structur\u00e9e, la connexion entre les syst\u00e8mes OT (technologies op\u00e9rationnelles) et les syst\u00e8mes informatiques dans le cloud engendre de graves failles de s\u00e9curit\u00e9, une congestion des donn\u00e9es et des probl\u00e8mes de fiabilit\u00e9. Les ing\u00e9nieurs de GPLG con\u00e7oivent des solutions d'int\u00e9gration cloud s\u00e9curis\u00e9es qui \u00e9tablissent une passerelle r\u00e9siliente entre le mat\u00e9riel physique et les plateformes cloud.\n        <\/p>\n\n        <!-- Data Flow Steps (Offset Cascade) -->\n        <div class=\"iiot-stair-container\">\n          \n          <div class=\"iiot-stair-item step-1\">\n            <div class=\"iiot-stair-box\">Industrial Edge \/ Capteurs<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-1\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-2\">\n            <div class=\"iiot-stair-box\">R\u00e9seau OT \/ Passerelle de s\u00e9curit\u00e9<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-2\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-3\">\n            <div class=\"iiot-stair-box\">Transport s\u00e9curis\u00e9 (MQTT \/ TLS \/ REST)<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-3\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-4\">\n            <div class=\"iiot-stair-box\">Services d'ingestion dans le cloud<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-4\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-5\">\n            <div class=\"iiot-stair-box iiot-flow-highlight\">Base de donn\u00e9es centralis\u00e9e \/ Lac de donn\u00e9es<\/div>\n          <\/div>\n          <div class=\"iiot-stair-arrow arrow-5\">\u2193<\/div>\n\n          <div class=\"iiot-stair-item step-6\">\n            <div class=\"iiot-stair-box\">Applications cloud d'entreprise et analyse de donn\u00e9es<\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Key Principle Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PRINCIPE FONDAMENTAL<\/div>\n          <div class=\"iiot-statement-text\">\n            L'int\u00e9gration dans le cloud doit \u00eatre au service du processus industriel, en garantissant une \u00e9volutivit\u00e9 \u00e0 distance sans compromettre l'autonomie ni la s\u00e9curit\u00e9 de l'usine.\n          <\/div>\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  }\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  \/* Data Flow Cascade *\/\n  .iiot-stair-container {\n    display: flex;\n    flex-direction: column;\n    position: relative;\n    padding: 10px 0;\n    margin: 10px 0;\n  }\n\n  .iiot-stair-item {\n    display: flex;\n  }\n\n  .iiot-stair-box {\n    width: 280px;\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 16px;\n    text-align: center;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.15);\n  }\n\n  \/* Progressive Offsets *\/\n  .step-1 { margin-left: 0px; }\n  .step-2 { margin-left: 30px; }\n  .step-3 { margin-left: 60px; }\n  .step-4 { margin-left: 90px; }\n  .step-5 { margin-left: 120px; }\n  .step-6 { margin-left: 150px; }\n\n  \/* Connector Arrows *\/\n  .iiot-stair-arrow {\n    font-size: 1rem;\n    opacity: 0.65;\n    line-height: 1;\n    margin: 4px 0;\n  }\n\n  .arrow-1 { margin-left: 135px; }\n  .arrow-2 { margin-left: 165px; }\n  .arrow-3 { margin-left: 195px; }\n  .arrow-4 { margin-left: 225px; }\n  .arrow-5 { margin-left: 255px; }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.4);\n    color: #ffffff;\n  }\n\n  \/* Key Principle 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: 16px 20px;\n    text-align: center;\n    margin-top: 4px;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n  }\n\n  .iiot-statement-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-statement-text {\n    font-size: 0.95rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 768px) {\n    .iiot-stair-container {\n      overflow-x: auto;\n      padding-bottom: 15px;\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-71721a9 e-con e-atomic-element e-flexbox-base e-b36084a\" data-id=\"71721a9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"71721a9\">\n    \t\t<div class=\"elementor-element elementor-element-0323959 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"0323959\" 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_0323959 {\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_0323959 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_0323959 .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_0323959 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_0323959 .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_0323959:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_0323959:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0323959:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_0323959: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_0323959\">\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 NOUS INT\u00c9GRONS DANS LE CLOUD<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">PORT\u00c9E DE L'INT\u00c9GRATION DANS LE CLOUD<\/span>\n          <span class=\"iiot-card-title\">Actifs industriels et couches op\u00e9rationnelles<\/span>\n        <\/div>\n\n        <!-- 6-Card Grid -->\n        <div class=\"iiot-integrate-grid\">\n          \n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M3 21h18\"><\/path>\n                  <path d=\"M5 21V7l8-4v18\"><\/path>\n                  <path d=\"M19 21V11l-6-3\"><\/path>\n                  <path d=\"M9 9h2\"><\/path>\n                  <path d=\"M9 13h2\"><\/path>\n                  <path d=\"M9 17h2\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Donn\u00e9es d'usine multi-sites<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Agr\u00e9gation des indicateurs op\u00e9rationnels, des totaux de production et des donn\u00e9es relatives aux indicateurs cl\u00e9s de performance (KPI) provenant d'installations situ\u00e9es dans diff\u00e9rentes zones g\u00e9ographiques.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">T\u00e9l\u00e9m\u00e9trie des machines<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Transmission en continu des param\u00e8tres d'\u00e9tat des machines, des heures de fonctionnement et des donn\u00e9es t\u00e9l\u00e9m\u00e9triques des capteurs \u00e0 des fins de surveillance \u00e0 distance.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"><\/path>\n                  <polyline points=\"14 2 14 8 20 8\"><\/polyline>\n                  <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"><\/line>\n                  <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"><\/line>\n                  <polyline points=\"10 9 9 9 8 9\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Registres de production centralis\u00e9s<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Regroupement des dossiers historiques de lots, des registres de qualit\u00e9 et des ordres de fabrication \u00e0 l'\u00e9chelle de l'entreprise.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n                  <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Appareils p\u00e9riph\u00e9riques distants<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Gestion du d\u00e9ploiement, de la t\u00e9l\u00e9m\u00e9trie et de la configuration des n\u0153uds distribu\u00e9s d'Internet des objets (IoT) et de calcul en p\u00e9riph\u00e9rie.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                  <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                  <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Couches de donn\u00e9es d'application<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Interconnexion d'architectures de bases de donn\u00e9es hybrides entre des r\u00e9pliques cloud sur site et des serveurs de production locaux.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-integrate-card\">\n            <div class=\"iiot-card-top\">\n              <div class=\"iiot-integrate-icon\">\n                <svg width=\"22\" height=\"22\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                  <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                  <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                <\/svg>\n              <\/div>\n              <div class=\"iiot-integrate-title\">Analyse industrielle et contributions de l'IA<\/div>\n            <\/div>\n            <p class=\"iiot-integrate-desc\">\n              Transmission en continu de jeux de donn\u00e9es op\u00e9rationnels structur\u00e9s vers des moteurs d'analyse natifs du cloud et des pipelines d'apprentissage automatique.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  }\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  \/* 6-Card Grid Layout *\/\n  .iiot-integrate-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-integrate-card {\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: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-card-top {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-integrate-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-integrate-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-integrate-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 992px) {\n    .iiot-integrate-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-integrate-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-8e90a87 e-con e-atomic-element e-flexbox-base e-d402afb\" data-id=\"8e90a87\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8e90a87\">\n    \t\t<div class=\"elementor-element elementor-element-cf33591 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"cf33591\" 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_cf33591 {\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_cf33591 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_cf33591 .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_cf33591 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_cf33591 .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_cf33591:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_cf33591:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_cf33591:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_cf33591: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_cf33591\">\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\"><p><!-- Header Bar --><\/p><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><h3>ARCHITECTURE HYBRIDE<\/h3><\/div><\/div><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><div class=\"iiot-section-box\"><div class=\"iiot-card-header-inner\"><span class=\"iiot-card-badge\">SEGMENTATION DU R\u00c9SEAU ET M\u00c9MOIRE TAMPON EN PERIPH\u00c9RIE<\/span><br \/><span class=\"iiot-card-title\">Faire le lien entre les environnements OT et cloud<\/span><\/div><p class=\"iiot-card-text\">L'int\u00e9gration dans le cloud ne doit en aucun cas exposer directement les \u00e9quipements critiques \u00e0 l'Internet public. Nous mettons en \u0153uvre une segmentation stricte du r\u00e9seau et une mise en m\u00e9moire tampon en p\u00e9riph\u00e9rie.<\/p><p><!-- Dynamic Visual Architecture Diagram --><\/p><div class=\"iiot-arch-diagram\"><p><!-- Layer 1: OT Environment --><\/p><div class=\"iiot-arch-layer layer-ot\"><div class=\"iiot-layer-label\">ENVIRONNEMENT INDUSTRIEL (OT)<\/div><div class=\"iiot-nodes-row\"><div class=\"iiot-node-pill\"><br \/>Machines \/ Automates programmables<\/div><div class=\"iiot-node-pill\"><br \/>Capteurs<\/div><div class=\"iiot-node-pill\"><br \/>SCADA<\/div><div class=\"iiot-node-pill\"><br \/>Base de donn\u00e9es locale<\/div><\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><div class=\"iiot-gateway-box\"><br \/>P\u00e9riph\u00e9rie industrielle \/ Passerelle<\/div><\/div><p><!-- Layer 2: Secure Transport Layer --><\/p><div class=\"iiot-arch-layer layer-transport\"><div class=\"iiot-layer-label\">COUCHE DE TRANSPORT S\u00c9CURIS\u00c9E<\/div><div class=\"iiot-transport-badge\"><br \/>MQTT-SN \/ TLS 1.3 \/ VPN sortant<\/div><\/div><p><!-- Layer 3: IT Cloud Environment --><\/p><div class=\"iiot-arch-layer layer-cloud\"><div class=\"iiot-layer-label\">ENVIRONNEMENT CLOUD (informatique)<\/div><div class=\"iiot-cloud-step\"><br \/>Couche d'ingestion dans le cloud<\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><div class=\"iiot-cloud-step iiot-flow-highlight\"><br \/>Base de donn\u00e9es \/ Lac de donn\u00e9es \/ Stockage<\/div><div class=\"iiot-connector-arrow\">\u2193<\/div><p><!-- Fan-out Outputs --><\/p><div class=\"iiot-outputs-row\"><div class=\"iiot-output-pill\"><br \/>Applications Web d'entreprise<\/div><div class=\"iiot-output-pill\"><br \/>Tableaux de bord<\/div><div class=\"iiot-output-pill\"><br \/>Pipelines d'IA \/ d'apprentissage automatique<\/div><\/div><\/div><\/div><p><!-- Key Summary Footer Banner --><\/p><div class=\"iiot-statement-banner\"><div class=\"iiot-statement-badge\">AUTONOMIE LOCALE<\/div><div class=\"iiot-statement-text\">GPLG con\u00e7oit l'ensemble de la cha\u00eene de production en privil\u00e9giant l'autonomie locale en p\u00e9riph\u00e9rie, afin que la production se poursuive sans interruption m\u00eame en cas de coupure de la connexion au cloud.<\/div><\/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    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 20px;<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>  \/* Architecture Diagram Container *\/<br \/>\n  .iiot-arch-diagram {<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 12px;<br \/>\n    margin: 6px 0;<br \/>\n  }<\/p>\n<p>  .iiot-arch-layer {<br \/>\n    background-color: rgba(255, 255, 255, 0.02);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.12);<br \/>\n    border-radius: 8px;<br \/>\n    padding: 16px;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n    position: relative;<br \/>\n  }<\/p>\n<p>  .iiot-layer-label {<br \/>\n    font-size: 0.7rem;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1px;<br \/>\n    opacity: 0.6;<br \/>\n    align-self: flex-start;<br \/>\n  }<\/p>\n<p>  \/* Nodes & Pills *\/<br \/>\n  .iiot-nodes-row, .iiot-outputs-row {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    gap: 10px;<br \/>\n    width: 100%;<br \/>\n  }<\/p>\n<p>  .iiot-node-pill, .iiot-output-pill {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background-color: rgba(255, 255, 255, 0.05);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 20px;<br \/>\n    padding: 6px 14px;<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 500;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-gateway-box {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 10px;<br \/>\n    background-color: rgba(255, 255, 255, 0.07);<br \/>\n    border: 1px dashed rgba(255, 255, 255, 0.3);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 10px 20px;<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Transport Layer *\/<br \/>\n  .layer-transport {<br \/>\n    background-color: rgba(13, 35, 58, 0.4);<br \/>\n    border-color: rgba(255, 255, 255, 0.2);<br \/>\n    padding: 12px 16px;<br \/>\n  }<\/p>\n<p>  .iiot-transport-badge {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n    background-color: rgba(13, 35, 58, 0.9);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.82rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff;<br \/>\n    letter-spacing: 0.5px;<br \/>\n  }<\/p>\n<p>  \/* Cloud Steps *\/<br \/>\n  .iiot-cloud-step {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 10px;<br \/>\n    width: 100%;<br \/>\n    max-width: 320px;<br \/>\n    justify-content: center;<br \/>\n    background-color: rgba(255, 255, 255, 0.04);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.15);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 500;<br \/>\n  }<\/p>\n<p>  .iiot-flow-highlight {<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    border-color: rgba(255, 255, 255, 0.35);<br \/>\n    color: #ffffff;<br \/>\n    font-weight: 600;<br \/>\n  }<\/p>\n<p>  .iiot-connector-arrow {<br \/>\n    font-size: 0.9rem;<br \/>\n    opacity: 0.5;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  \/* Key Principle \/ Footer 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: 16px 20px;<br \/>\n    text-align: center;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 6px;<br \/>\n    align-items: center;<br \/>\n  }<\/p>\n<p>  .iiot-statement-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-statement-text {<br \/>\n    font-size: 0.92rem;<br \/>\n    font-weight: 500;<br \/>\n    color: #ffffff;<br \/>\n    line-height: 1.5;<br \/>\n  }<\/p>\n<p>  @media (max-width: 600px) {<br \/>\n    .iiot-nodes-row, .iiot-outputs-row {<br \/>\n      flex-direction: column;<br \/>\n      align-items: stretch;<br \/>\n    }<br \/>\n    .iiot-node-pill, .iiot-output-pill {<br \/>\n      justify-content: center;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-dbeafb8 e-con e-atomic-element e-flexbox-base e-e351c25\" data-id=\"dbeafb8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"dbeafb8\">\n    \t\t<div class=\"elementor-element elementor-element-7bab564 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"7bab564\" 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_7bab564 {\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_7bab564 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_7bab564 .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_7bab564 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_7bab564 .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_7bab564:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_7bab564:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7bab564:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_7bab564: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_7bab564\">\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>ARCHITECTURE D'INT\u00c9GRATION DANS LE CLOUD<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">LES PILIERS DE LA CONCEPTION TECHNIQUE<\/span>\n          <span class=\"iiot-card-title\">Conception ax\u00e9e sur la s\u00e9curit\u00e9, la bande passante et la fiabilit\u00e9<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          La connexion des syst\u00e8mes OT au cloud n\u00e9cessite un contr\u00f4le pr\u00e9cis des charges utiles de donn\u00e9es et des protocoles r\u00e9seau. Notre architecture hybride garantit un d\u00e9bit \u00e9lev\u00e9, une transmission r\u00e9siliente et une s\u00e9curit\u00e9 p\u00e9rim\u00e9trique sans compromis.\n        <\/p>\n\n        <!-- 10 Pillars Grid -->\n        <div class=\"iiot-pillars-grid\">\n          \n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                  <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Segmentation du r\u00e9seau<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Mise en \u0153uvre d'une zone d\u00e9militaris\u00e9e (DMZ) industrielle et de tunnels crypt\u00e9s \u00e0 sens unique sortant afin d'\u00e9liminer les vecteurs d'attaque entrants.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Optimisation de la bande passante et de la charge utile<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Protocoles de s\u00e9rialisation l\u00e9gers (MQTT, Protobuf, JSON) optimis\u00e9s pour r\u00e9duire au minimum la charge sur les r\u00e9seaux mobiles et WAN.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                  <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n                  <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Mise en m\u00e9moire tampon des bords<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Persistance en p\u00e9riph\u00e9rie de type \u00ab store-and-forward \u00bb garantissant une perte de donn\u00e9es nulle en cas de coupures de r\u00e9seau ou de connexions intermittentes.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"><\/polygon>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Filtrage et agr\u00e9gation<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Pr\u00e9traitement des donn\u00e9es t\u00e9l\u00e9m\u00e9triques en p\u00e9riph\u00e9rie afin d'agr\u00e9ger les variations de valeur (rapport par exception) avant leur transfert vers le cloud.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                  <polyline points=\"12 6 12 12 16 14\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Latence et contraintes en temps r\u00e9el<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Donner la priorit\u00e9 de mani\u00e8re d\u00e9terministe aux trames d'alarme critiques par rapport au trafic de journalisation historique en masse.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Chiffrement de bout en bout<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Chiffrement obligatoire via le protocole TLS 1.3 pour toutes les donn\u00e9es en transit et via AES-256 pour les donn\u00e9es au repos.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 2l-2 2m-7.61 7.61a5.5 5.5 0 1 1-7.778 7.778 5.5 5.5 0 0 1 7.777-7.777zm0 0L15.5 7.5m0 0l3 3L22 7l-3-3m-3.5 3.5L19 4\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Authentification et gestion des jetons<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">V\u00e9rification de l'identit\u00e9 des appareils \u00e0 l'aide de certificats X.509, avec rotation automatis\u00e9e des cl\u00e9s et gestion du cycle de vie des jetons.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Pipelines d'ingestion \u00e9volutifs<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Courtiers de flux d'\u00e9v\u00e9nements \u00e0 haut d\u00e9bit capables de s'adapter dynamiquement \u00e0 l'ajout de nouveaux sites.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                  <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                  <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Hi\u00e9rarchisation du stockage dans le cloud<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Des politiques automatis\u00e9es de gestion du cycle de vie qui acheminent les m\u00e9triques de s\u00e9ries chronologiques \u00ab chaudes \u00bb vers un stockage rapide et les journaux \u00ab froids \u00bb vers des archives \u00e0 faible co\u00fbt.<\/p>\n          <\/div>\n\n          <div class=\"iiot-pillar-card\">\n            <div class=\"iiot-pillar-header\">\n              <div class=\"iiot-pillar-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M16 16v1a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V7a2 2 0 0 1 2-2h11a2 2 0 0 1 2 2v1\"><\/path>\n                  <path d=\"M18 8l4 4-4 4\"><\/path>\n                  <path d=\"M22 12H9\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-pillar-title\">Basculement et redondance<\/span>\n            <\/div>\n            <p class=\"iiot-pillar-desc\">Chemins redondants \u00e0 double passerelle avec d\u00e9tection automatique du signal de sant\u00e9 et basculement automatique des liaisons.<\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Key Principle Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">INT\u00c9GRIT\u00c9 DU SYST\u00c8ME<\/div>\n          <div class=\"iiot-statement-text\">\n            GPLG con\u00e7oit des pipelines d'int\u00e9gration dans lesquels la s\u00e9curit\u00e9, l'efficacit\u00e9 du r\u00e9seau et la r\u00e9silience op\u00e9rationnelle sont int\u00e9gr\u00e9es \u00e0 chaque interaction entre le mat\u00e9riel et le cloud.\n          <\/div>\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  \/* 10-Pillars Grid *\/\n  .iiot-pillars-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 12px;\n    margin-top: 4px;\n  }\n\n  .iiot-pillar-card {\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: 14px 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-pillar-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-pillar-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-pillar-title {\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-pillar-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Key Principle 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: 16px 20px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 6px;\n    align-items: center;\n  }\n\n  .iiot-statement-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-statement-text {\n    font-size: 0.92rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.5;\n  }\n\n  @media (max-width: 768px) {\n    .iiot-pillars-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-520bab0 e-con e-atomic-element e-flexbox-base e-9a97f36\" data-id=\"520bab0\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"520bab0\">\n    \t\t<div class=\"elementor-element elementor-element-63c98fe ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"63c98fe\" 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_63c98fe {\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_63c98fe .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_63c98fe .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_63c98fe .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_63c98fe .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_63c98fe:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_63c98fe:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_63c98fe:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_63c98fe: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_63c98fe\">\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>PLATEFORMES CLOUD<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">CAPACIT\u00c9S DE MISE EN \u0152UVRE<\/span>\n          <span class=\"iiot-card-title\">Solutions cloud d'entreprise et \u00e9volutives<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG collabore avec les principaux fournisseurs de services cloud et propose des infrastructures hybrides sp\u00e9cialement con\u00e7ues pour les architectures industrielles exigeantes.\n        <\/p>\n\n        <!-- 3-Column Platforms Grid -->\n        <div class=\"iiot-platforms-grid\">\n          \n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M18 10h-1.26A8 8 0 1 0 9 20h9a5 5 0 0 0 0-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Microsoft Azure<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Plateforme de r\u00e9f\u00e9rence pour les environnements de production d'entreprise, proposant Azure IoT Hub, des instances SQL g\u00e9r\u00e9es et une int\u00e9gration native avec les piles logicielles industrielles.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\" ry=\"2\"><\/rect>\n                  <line x1=\"6\" y1=\"6\" x2=\"6.01\" y2=\"6\"><\/line>\n                  <line x1=\"6\" y1=\"18\" x2=\"6.01\" y2=\"18\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Amazon Web Services (AWS)<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Plateforme cloud \u00e9volutive s'appuyant sur AWS IoT Core, des bases de donn\u00e9es g\u00e9r\u00e9es et des capacit\u00e9s de calcul dans le cloud pour traiter des donn\u00e9es op\u00e9rationnelles \u00e0 haut d\u00e9bit.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"20\" height=\"20\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73l7 4a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16z\"><\/path>\n                  <polyline points=\"3.27 6.96 12 12.01 20.73 6.96\"><\/polyline>\n                  <line x1=\"12\" y1=\"22.08\" x2=\"12\" y2=\"12\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">Cloud hybride et cloud priv\u00e9<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Architectures sur mesure associant des serveurs cloud locaux sur site (Docker\/Kubernetes) \u00e0 des services de cloud public afin de garantir le respect de r\u00e8gles strictes en mati\u00e8re de localisation des donn\u00e9es.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Footnote \/ Note Box -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">NOTE DE MISE EN \u0152UVRE<\/div>\n          <div class=\"iiot-statement-text\">\n            La documentation relative aux fournisseurs de cloud sp\u00e9cialis\u00e9s fait l'objet d'un traitement distinct ; nous d\u00e9finissons ici nos principales capacit\u00e9s de mise en \u0153uvre pour les d\u00e9ploiements publics, priv\u00e9s et en conteneurs.\n          <\/div>\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  \/* 3-Column Platforms Grid *\/\n  .iiot-platforms-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-platform-card {\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: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-platform-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-platform-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-platform-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-platform-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 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: 14px 18px;\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.85rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-platforms-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-bef30af e-con e-atomic-element e-flexbox-base e-7098969\" data-id=\"bef30af\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"bef30af\">\n    \t\t<div class=\"elementor-element elementor-element-5bd00f9 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"5bd00f9\" 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_5bd00f9 {\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_5bd00f9 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9 .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_5bd00f9 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9 .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_5bd00f9:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_5bd00f9:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_5bd00f9: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_5bd00f9\">\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>PIPELINES DE DONN\u00c9ES DE L'EDGE AU CLOUD<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTELLIGENCE HYBRIDE<\/span>\n          <span class=\"iiot-card-title\">Une intelligence locale \u00e0 l'\u00e9chelle du cloud<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Les appareils p\u00e9riph\u00e9riques assurent le traitement imm\u00e9diat, la conversion des protocoles et la mise en m\u00e9moire tampon locale, avant d'envoyer des charges utiles propres et structur\u00e9es \u00e0 la plateforme cloud.\n        <\/p>\n\n        <!-- Pipeline Diagram (Horizontal Flow with Interspersed Boxes) -->\n        <div class=\"iiot-pipeline-container\">\n          \n          <!-- Step 1: Field Equipment -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"><\/rect>\n                <path d=\"M12 12h.01\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">\u00c9quipement de terrain<\/span>\n              <span class=\"iiot-box-desc\">Automates programmables, capteurs et machines industrielles<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 2: Protocol Conversion -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polyline points=\"16 3 21 3 21 8\"><\/polyline>\n                <line x1=\"10\" y1=\"14\" x2=\"21\" y2=\"3\"><\/line>\n                <polyline points=\"8 21 3 21 3 16\"><\/polyline>\n                <line x1=\"14\" y1=\"10\" x2=\"3\" y2=\"21\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Conversion de protocole<\/span>\n              <span class=\"iiot-box-desc\">Modbus \/ OPC UA \u2192 MQTT<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 3: Local Edge Data Filtering -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <polygon points=\"22 3 2 3 10 12.46 10 19 14 21 14 12.46 22 3\"><\/polygon>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Filtrage des donn\u00e9es<\/span>\n              <span class=\"iiot-box-desc\">R\u00e9duction du bruit et pr\u00e9s\u00e9lection des anomalies<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 4: On-Device Security & Encryption -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"><\/rect>\n                <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">S\u00e9curit\u00e9 int\u00e9gr\u00e9e \u00e0 l'appareil<\/span>\n              <span class=\"iiot-box-desc\">Renforcement de la s\u00e9curit\u00e9 des charges utiles au niveau mat\u00e9riel<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 5: Store-and-Forward -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                <polyline points=\"17 8 12 3 7 8\"><\/polyline>\n                <line x1=\"12\" y1=\"3\" x2=\"12\" y2=\"15\"><\/line>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Stockage et retransmission<\/span>\n              <span class=\"iiot-box-desc\">Persistance du tampon local hors ligne<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 6: Outbound Transport -->\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <line x1=\"22\" y1=\"2\" x2=\"11\" y2=\"13\"><\/line>\n                <polygon points=\"22 2 15 22 11 13 2 9 22 2\"><\/polygon>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Transport sortant<\/span>\n              <span class=\"iiot-box-desc\">Charges utiles HTTPS \/ MQTT chiffr\u00e9es<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <!-- Step 7: Cloud Storage Engine -->\n          <div class=\"iiot-pipeline-box iiot-flow-highlight\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                <ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"><\/ellipse>\n                <path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"><\/path>\n                <path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"><\/path>\n              <\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Moteur de stockage dans le cloud<\/span>\n              <span class=\"iiot-box-desc\">Collecte et analyse de donn\u00e9es d'entreprise<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Footnote \/ Guarantee Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">GARANTIE OP\u00c9RATIONNELLE<\/div>\n          <div class=\"iiot-statement-text\">\n            Cette architecture garantit l'absence totale de perte de donn\u00e9es en cas d'interruption de la connexion au cloud et r\u00e9duit consid\u00e9rablement les co\u00fbts superflus li\u00e9s \u00e0 l'ingestion de donn\u00e9es dans le cloud.\n          <\/div>\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  \/* Pipeline Diagram (Horizontal Row Layout) *\/\n  .iiot-pipeline-container {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    gap: 8px;\n    padding: 10px 0;\n    margin: 6px 0;\n    scroll-behavior: smooth;\n  }\n\n  .iiot-pipeline-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 12px 14px;\n    flex-shrink: 0;\n    min-width: 200px;\n    max-width: 220px;\n  }\n\n  .iiot-box-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-box-content {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-box-desc {\n    font-size: 0.72rem;\n    opacity: 0.7;\n    line-height: 1.3;\n  }\n\n  .iiot-connector-arrow {\n    font-size: 1.1rem;\n    opacity: 0.5;\n    flex-shrink: 0;\n    padding: 0 2px;\n  }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n    color: #ffffff;\n  }\n\n  \/* Guarantee 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: 14px 18px;\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.88rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\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-7c5052d e-con e-atomic-element e-flexbox-base e-231fdb3\" data-id=\"7c5052d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"7c5052d\">\n    \t\t<div class=\"elementor-element elementor-element-77854e3 ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"77854e3\" 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_77854e3 {\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_77854e3 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_77854e3 .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_77854e3 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_77854e3 .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_77854e3:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_77854e3:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_77854e3:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_77854e3: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_77854e3\">\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>TRANSPORT INDUSTRIEL S\u00c9CURIS\u00c9<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">COMMUNICATION EN NUAGE OT<\/span>\n          <span class=\"iiot-card-title\">Protocoles adapt\u00e9s \u00e0 l'int\u00e9gration industrielle<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          Il est essentiel de choisir le bon protocole de communication pour \u00e9viter toute surcharge du r\u00e9seau et pr\u00e9server l'int\u00e9grit\u00e9 structurelle dans tous les environnements op\u00e9rationnels.\n        <\/p>\n\n        <!-- 3-Card Grid for Protocols -->\n        <div class=\"iiot-platforms-grid\">\n          \n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"><\/polyline>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">MQTT \/ MQTTS<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Protocole \u00ab publication\/abonnement \u00bb l\u00e9ger, id\u00e9al pour la t\u00e9l\u00e9m\u00e9trie des machines n\u00e9cessitant une utilisation efficace de la bande passante et pour les connexions instables.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <path d=\"M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4\"><\/path>\n                  <polyline points=\"7 10 12 15 17 10\"><\/polyline>\n                  <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"3\"><\/line>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">API REST \/ HTTPS<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Int\u00e9grations s\u00e9curis\u00e9es de type \u00ab requ\u00eate-r\u00e9ponse \u00bb, optimis\u00e9es pour les charges utiles transactionnelles entre applications et le cloud, ainsi que pour l'interrogation de configuration.\n            <\/p>\n          <\/div>\n\n          <div class=\"iiot-platform-card\">\n            <div class=\"iiot-platform-header\">\n              <div class=\"iiot-platform-icon\">\n                <svg width=\"18\" height=\"18\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n                  <circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle>\n                  <line x1=\"2\" y1=\"12\" x2=\"22\" y2=\"12\"><\/line>\n                  <path d=\"M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z\"><\/path>\n                <\/svg>\n              <\/div>\n              <span class=\"iiot-platform-title\">OPC UA PubSub<\/span>\n            <\/div>\n            <p class=\"iiot-platform-desc\">\n              Profil de communication industrielle normalis\u00e9, con\u00e7u pour la diffusion en continu de donn\u00e9es de t\u00e9l\u00e9m\u00e9trie dans le cloud, \u00e9volutive et \u00e0 haut d\u00e9bit.\n            <\/p>\n          <\/div>\n\n        <\/div>\n\n        <!-- Horizontal Sequential Flow Diagram -->\n        <div class=\"iiot-pipeline-container\">\n          \n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"6\" width=\"20\" height=\"12\" rx=\"2\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Automate programmable \/ SCADA<\/span>\n              <span class=\"iiot-box-desc\">Syst\u00e8mes sources<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"2\" width=\"20\" height=\"8\" rx=\"2\"\/><rect x=\"2\" y=\"14\" width=\"20\" height=\"8\" rx=\"2\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Passerelle p\u00e9riph\u00e9rique<\/span>\n              <span class=\"iiot-box-desc\">M\u00e9moire tampon et traduction<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\"\/><path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">Tunnel TLS<\/span>\n              <span class=\"iiot-box-desc\">Transfert crypt\u00e9<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-connector-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-pipeline-box iiot-flow-highlight\">\n            <div class=\"iiot-box-icon\">\n              <svg width=\"16\" height=\"16\" viewbox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><ellipse cx=\"12\" cy=\"5\" rx=\"9\" ry=\"3\"\/><path d=\"M21 12c0 1.66-4 3-9 3s-9-1.34-9-3\"\/><path d=\"M3 5v14c0 1.66 4 3 9 3s9-1.34 9-3V5\"\/><\/svg>\n            <\/div>\n            <div class=\"iiot-box-content\">\n              <span class=\"iiot-box-title\">API d'importation dans le cloud<\/span>\n              <span class=\"iiot-box-desc\">Stockage d'entreprise<\/span>\n            <\/div>\n          <\/div>\n\n        <\/div>\n\n        <!-- Note Banner -->\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PRINCIPE DE S\u00c9LECTION DES PROTOCOLES<\/div>\n          <div class=\"iiot-statement-text\">\n            Le choix du protocole d\u00e9pend directement du volume de donn\u00e9es, de la disponibilit\u00e9 du r\u00e9seau et des capacit\u00e9s du syst\u00e8me cible.\n          <\/div>\n        <\/div>\n\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    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  \/* Platforms Grid *\/\n  .iiot-platforms-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n    margin-top: 4px;\n  }\n\n  .iiot-platform-card {\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: 16px;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n  }\n\n  .iiot-platform-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-platform-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-platform-title {\n    font-size: 0.9rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-platform-desc {\n    font-size: 0.82rem;\n    line-height: 1.45;\n    opacity: 0.75;\n    margin: 0;\n  }\n\n  \/* Horizontal Pipeline Container *\/\n  .iiot-pipeline-container {\n    display: flex;\n    align-items: center;\n    overflow-x: auto;\n    gap: 8px;\n    padding: 10px 0;\n    margin: 6px 0;\n    scroll-behavior: smooth;\n  }\n\n  .iiot-pipeline-box {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    padding: 12px 14px;\n    flex-shrink: 0;\n    min-width: 190px;\n    max-width: 210px;\n  }\n\n  .iiot-box-icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 6px;\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 6px;\n    color: #ffffff;\n    flex-shrink: 0;\n  }\n\n  .iiot-box-content {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.82rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-box-desc {\n    font-size: 0.72rem;\n    opacity: 0.7;\n    line-height: 1.3;\n  }\n\n  .iiot-connector-arrow {\n    font-size: 1.1rem;\n    opacity: 0.5;\n    flex-shrink: 0;\n    padding: 0 2px;\n  }\n\n  .iiot-flow-highlight {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n    color: #ffffff;\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: 14px 18px;\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.88rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.45;\n  }\n\n  @media (max-width: 900px) {\n    .iiot-platforms-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-b117959 e-con e-atomic-element e-flexbox-base e-bcaabd0\" data-id=\"b117959\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"b117959\">\n    \t\t<div class=\"elementor-element elementor-element-01e638d ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"01e638d\" 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_01e638d {\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_01e638d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_01e638d .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_01e638d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_01e638d .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_01e638d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_01e638d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_01e638d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_01e638d: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_01e638d\">\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>ARCHITECTURE HYBRIDE ET SCADA<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Hybrid Data Management -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">STRAT\u00c9GIE EN MATI\u00c8RE DE DONN\u00c9ES<\/span>\n            <span class=\"iiot-card-title\">Gestion hybride des donn\u00e9es<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Toutes les donn\u00e9es ne doivent pas n\u00e9cessairement \u00eatre stock\u00e9es dans le cloud. GPLG \u00e9labore des strat\u00e9gies hybrides de gestion des donn\u00e9es qui permettent de conserver les bases de donn\u00e9es critiques en temps r\u00e9el au sein m\u00eame de l'usine, tout en r\u00e9pliquant les ensembles de donn\u00e9es historiques sur des plateformes cloud.\n          <\/p>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Les commandes critiques des machines et le syst\u00e8me SCADA \u00e0 boucle rapide restent d\u00e9ploy\u00e9s sur site (100%).<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Les journaux de production, les tendances historiques et les rapports de synth\u00e8se sont automatiquement synchronis\u00e9s sur le cloud.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>Permet une visibilit\u00e9 centralis\u00e9e au niveau de l'entreprise sans que la disponibilit\u00e9 des usines ne d\u00e9pende des connexions Internet.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">FIABILIT\u00c9 SUR SITE<\/div>\n            <div class=\"iiot-statement-text\">\n              La r\u00e9silience des sites de production alli\u00e9e \u00e0 la flexibilit\u00e9 du cloud.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud + SCADA -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">09 \u2014 CLOUD + SCADA<\/span>\n            <span class=\"iiot-card-title\">Supervision centralis\u00e9e et tableaux de bord \u00e0 distance<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            \u00c9tendre les fonctionnalit\u00e9s SCADA aux op\u00e9rations multisites ou \u00e0 la supervision \u00e0 distance par les dirigeants gr\u00e2ce aux technologies web dans le cloud.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Automates de ligne de production<\/span>\n              <span class=\"iiot-flow-sub\">Contr\u00f4leurs industriels<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">SCADA local<\/span>\n              <span class=\"iiot-flow-sub\">Surveillance de l'usine<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelle p\u00e9riph\u00e9rique<\/span>\n              <span class=\"iiot-flow-sub\">M\u00e9moire tampon et traduction<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelle cloud<\/span>\n              <span class=\"iiot-flow-sub\">Transport s\u00e9curis\u00e9<\/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\">Tableau de bord Web central \/ Applications mobiles<\/span>\n              <span class=\"iiot-flow-sub\">Contr\u00f4le de la direction<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">ISOLATION DE S\u00c9CURIT\u00c9<\/div>\n            <div class=\"iiot-statement-text\">\n              GPLG garantit que l'acc\u00e8s SCADA \u00e0 distance s'appuie sur des flux cloud s\u00e9curis\u00e9s en lecture seule, les m\u00e9canismes de contr\u00f4le \u00e9tant strictement confin\u00e9s au r\u00e9seau local de l'usine.\n            <\/div>\n          <\/div>\n        <\/div>\n\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 Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\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-split-box {\n    justify-content: space-between;\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  \/* Features List *\/\n  .iiot-features-list {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    margin: 4px 0;\n  }\n\n  .iiot-feature-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: 10px 12px;\n    font-size: 0.84rem;\n    line-height: 1.45;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 6px;\n    flex-shrink: 0;\n  }\n\n  \/* Vertical Flow for SCADA *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\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: 8px 12px;\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.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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-side-by-side-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-ac2c948 e-con e-atomic-element e-flexbox-base e-78fe110\" data-id=\"ac2c948\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"ac2c948\">\n    \t\t<div class=\"elementor-element elementor-element-afb33fe ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"afb33fe\" 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_afb33fe {\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_afb33fe .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_afb33fe .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_afb33fe .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_afb33fe .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_afb33fe:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_afb33fe:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_afb33fe:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_afb33fe: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_afb33fe\">\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>CLOUD + LOGICIELS INDUSTRIELS ET IoT<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Cloud + Industrial Software -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">SAAS ET INFRASTRUCTURE WEB<\/span>\n            <span class=\"iiot-card-title\">Cloud + Logiciels industriels<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Portails web sur mesure, tableaux de bord clients et logiciels op\u00e9rationnels h\u00e9berg\u00e9s en toute s\u00e9curit\u00e9 dans des environnements cloud \u00e9volutifs.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Application industrielle<\/span>\n              <span class=\"iiot-flow-sub\">Interaction avec l'utilisateur<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelle API cloud<\/span>\n              <span class=\"iiot-flow-sub\">Point d'acc\u00e8s s\u00e9curis\u00e9<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Serveur d'applications cloud<\/span>\n              <span class=\"iiot-flow-sub\">Traitement de la logique m\u00e9tier<\/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\">Base de donn\u00e9es cloud g\u00e9r\u00e9e<\/span>\n              <span class=\"iiot-flow-sub\">Stockage persistant<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">\u00c9VOLUTIVIT\u00c9 ET ACC\u00c8S<\/div>\n            <div class=\"iiot-statement-text\">\n              L'h\u00e9bergement dans le cloud permet aux applications de s'adapter dynamiquement, d'offrir un acc\u00e8s \u00e0 distance au personnel et de garantir une haute disponibilit\u00e9 sans recourir \u00e0 des serveurs locaux.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud + Industrial IoT -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">GESTION DU PARC D'\u00c9QUIPEMENTS<\/span>\n            <span class=\"iiot-card-title\">Cloud + IoT industriel<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            D\u00e9ployer \u00e0 grande \u00e9chelle des solutions d'IoT industriel sur plusieurs lignes de production, sites de production ou sites clients gr\u00e2ce \u00e0 une gestion centralis\u00e9e dans le cloud.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Capteurs IoT \/ N\u0153uds p\u00e9riph\u00e9riques<\/span>\n              <span class=\"iiot-flow-sub\">G\u00e9n\u00e9ration de donn\u00e9es<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelles p\u00e9riph\u00e9riques<\/span>\n              <span class=\"iiot-flow-sub\">Agr\u00e9gation et mise en m\u00e9moire tampon<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Registre des appareils dans le cloud<\/span>\n              <span class=\"iiot-flow-sub\">Authentification et statut<\/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\">Plateforme IoT centralis\u00e9e<\/span>\n              <span class=\"iiot-flow-sub\">Surveillance t\u00e9l\u00e9m\u00e9trique mondiale<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">GESTION DE LA FLOTTE<\/div>\n            <div class=\"iiot-statement-text\">\n              Les plateformes IoT dans le cloud permettent des mises \u00e0 jour OTA transparentes, des contr\u00f4les \u00e0 distance de l'\u00e9tat des appareils et une mise en service simplifi\u00e9e des parcs d'appareils \u00e0 l'\u00e9chelle mondiale.\n            <\/div>\n          <\/div>\n        <\/div>\n\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 Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\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-split-box {\n    justify-content: space-between;\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  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\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: 8px 12px;\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.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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-side-by-side-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-fd1371e e-con e-atomic-element e-flexbox-base e-d8f82c7\" data-id=\"fd1371e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd1371e\">\n    \t\t<div class=\"elementor-element elementor-element-2abdf4c ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"2abdf4c\" 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_2abdf4c {\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_2abdf4c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c .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_2abdf4c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c .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_2abdf4c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_2abdf4c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_2abdf4c: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_2abdf4c\">\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>CLOUD + IA ET ENTREP\u00d4T DE DONN\u00c9ES<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Cloud + AI & Machine Learning -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">CALCUL HAUTE PERFORMANCE<\/span>\n            <span class=\"iiot-card-title\">Cloud + IA et apprentissage automatique<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            L'infrastructure cloud fournit l'\u00e9norme puissance de calcul n\u00e9cessaire pour entra\u00eener des mod\u00e8les d'IA \u00e0 partir de vastes ensembles de donn\u00e9es op\u00e9rationnelles historiques.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Donn\u00e9es historiques industrielles<\/span>\n              <span class=\"iiot-flow-sub\">Journaux d'exploitation bruts<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Lac de donn\u00e9es dans le cloud<\/span>\n              <span class=\"iiot-flow-sub\">Stockage centralis\u00e9<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">GPU dans le cloud \/ Entra\u00eenement de mod\u00e8les<\/span>\n              <span class=\"iiot-flow-sub\">\u00c9volutivit\u00e9 des ressources de calcul intensif<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">D\u00e9ploiement optimis\u00e9 des mod\u00e8les<\/span>\n              <span class=\"iiot-flow-sub\">Exemple d'emballage<\/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\">Inf\u00e9rence en p\u00e9riph\u00e9rie \/ Analyse de donn\u00e9es<\/span>\n              <span class=\"iiot-flow-sub\">Ex\u00e9cution en temps r\u00e9el<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">D\u00c9PLOIEMENT DE L'IA<\/div>\n            <div class=\"iiot-statement-text\">\n              Entra\u00eenez des algorithmes complexes dans le cloud et d\u00e9ployez les r\u00e9sultats d'inf\u00e9rence optimis\u00e9s vers les logiciels locaux en p\u00e9riph\u00e9rie des usines ou vers les tableaux de bord dans le cloud.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Data Lakes & Warehousing -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">R\u00c9PERTOIRE D'ENTREPRISE<\/span>\n            <span class=\"iiot-card-title\">Lacs de donn\u00e9es et entrep\u00f4ts de donn\u00e9es<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Consolider les donn\u00e9es brutes de fabrication \u00e0 l'\u00e9chelle de l'entreprise en vue de leur stockage \u00e0 long terme, de l'\u00e9laboration de rapports d\u00e9taill\u00e9s et des audits r\u00e9glementaires.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Sources de donn\u00e9es multi-sites<\/span>\n              <span class=\"iiot-flow-sub\">MySQL, SQL Server, capteurs<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelle d'entreprise s\u00e9curis\u00e9e<\/span>\n              <span class=\"iiot-flow-sub\">Flux d'ingestion chiffr\u00e9s<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Lac de donn\u00e9es dans le cloud \/ Stockage<\/span>\n              <span class=\"iiot-flow-sub\">Stockage \u00e0 froid \u00e0 long terme<\/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\">Rapports d'entreprise \/ PowerBI<\/span>\n              <span class=\"iiot-flow-sub\">Analyses d\u00e9cisionnelles<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">CONFORMIT\u00c9 \u00c0 LONG TERME<\/div>\n            <div class=\"iiot-statement-text\">\n              Les donn\u00e9es op\u00e9rationnelles structur\u00e9es et non structur\u00e9es sont stock\u00e9es en toute s\u00e9curit\u00e9 pendant des ann\u00e9es gr\u00e2ce \u00e0 des politiques de conservation et d'archivage \u00e0 long terme \u00e9conomiquement avantageuses.\n            <\/div>\n          <\/div>\n        <\/div>\n\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 Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\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-split-box {\n    justify-content: space-between;\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  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\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: 8px 12px;\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.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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-side-by-side-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-3902e6d e-con e-atomic-element e-flexbox-base e-0839de5\" data-id=\"3902e6d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3902e6d\">\n    \t\t<div class=\"elementor-element elementor-element-f1c19ef ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f1c19ef\" 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_f1c19ef {\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_f1c19ef .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef .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_f1c19ef .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef .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_f1c19ef:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f1c19ef:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f1c19ef: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_f1c19ef\">\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>S\u00c9CURIT\u00c9 ET INFRASTRUCTURES CONTENEURIS\u00c9ES<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Security & Industrial DMZ -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">ARCHITECTURE OT \u00ab ZERO-TRUST \u00bb<\/span>\n            <span class=\"iiot-card-title\">S\u00e9curit\u00e9 et zone d\u00e9militaris\u00e9e (DMZ) industrielle<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            La s\u00e9curisation de la connexion entre les r\u00e9seaux d'usine et les environnements cloud est une condition sine qua non pour garantir la s\u00e9curit\u00e9 des op\u00e9rations industrielles.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">R\u00e9seau OT<\/span>\n              <span class=\"iiot-flow-sub\">Automates programmables et machines<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Passerelle DMZ industrielle<\/span>\n              <span class=\"iiot-flow-sub\">Isolement par pare-feu<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Tunnel chiffr\u00e9 sortant<\/span>\n              <span class=\"iiot-flow-sub\">Transit TLS \/ VPN<\/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\">Services cloud<\/span>\n              <span class=\"iiot-flow-sub\">Ingestion s\u00e9curis\u00e9e<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Aucun port entrant ouvert :<\/strong> Connexions initi\u00e9es exclusivement en sortie depuis le r\u00e9seau local de l'usine.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Segmentation du r\u00e9seau :<\/strong> S\u00e9paration physique et logique entre les r\u00e9seaux de contr\u00f4le industriels et le r\u00e9seau \u00e9tendu (WAN) de l'entreprise.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">PRINCIPE DU \u00ab ZERO-TRUST \u00bb<\/div>\n            <div class=\"iiot-statement-text\">\n              Authentification par jeton, certificats et gestion stricte des privil\u00e8ges appliqu\u00e9s \u00e0 chaque appareil connect\u00e9.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud Infrastructure & Containerization -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">STACKS DE D\u00c9PLOIEMENT MODERNES<\/span>\n            <span class=\"iiot-card-title\">Infrastructure cloud et conteneurisation<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Le recours \u00e0 des piles de d\u00e9ploiement modernes garantit des transitions fluides et fiables entre les serveurs p\u00e9riph\u00e9riques locaux et les environnements de cloud public.\n          <\/p>\n\n          <!-- Compact Vertical Flow -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Code d'application<\/span>\n              <span class=\"iiot-flow-sub\">Logiciel source<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Empaquetage des conteneurs Docker<\/span>\n              <span class=\"iiot-flow-sub\">Environnement d'ex\u00e9cution isol\u00e9<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">Serveur cloud \/ Kubernetes<\/span>\n              <span class=\"iiot-flow-sub\">Orchestration et \u00e9volutivit\u00e9<\/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\">Services op\u00e9rationnels \u00e9volutifs<\/span>\n              <span class=\"iiot-flow-sub\">Production d'entreprise<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span>La conteneurisation permet \u00e0 des environnements d'application identiques de fonctionner de mani\u00e8re transparente sur un serveur p\u00e9riph\u00e9rique local ou au sein de Microsoft Azure \/ AWS.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">D\u00c9PLOIEMENT FLEXIBLE<\/div>\n            <div class=\"iiot-statement-text\">\n              \u00c9liminer les \u00e9carts entre les environnements de test locaux et les architectures de production dans le cloud.\n            <\/div>\n          <\/div>\n        <\/div>\n\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 Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\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-split-box {\n    justify-content: space-between;\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  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\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: 8px 12px;\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.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 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: 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 12px;\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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-side-by-side-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-2227c36 e-con e-atomic-element e-flexbox-base e-5d8f003\" data-id=\"2227c36\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2227c36\">\n    \t\t<div class=\"elementor-element elementor-element-ecc770c ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"ecc770c\" 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_ecc770c {\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_ecc770c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_ecc770c .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_ecc770c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ecc770c .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_ecc770c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_ecc770c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ecc770c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ecc770c: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_ecc770c\">\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>FIABILIT\u00c9, REPRISE APR\u00c8S SINISTRE ET MISE EN \u0152UVRE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Two-Column Side-by-Side Layout -->\n      <div class=\"iiot-side-by-side-grid\">\n\n        <!-- Left Column: Reliability & Disaster Recovery -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">CONTINUIT\u00c9 ET HAUTE DISPONIBILIT\u00c9<\/span>\n            <span class=\"iiot-card-title\">Fiabilit\u00e9 et reprise apr\u00e8s sinistre<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            L'int\u00e9gration dans le cloud doit renforcer la r\u00e9silience des syst\u00e8mes plut\u00f4t que d'introduire des points de d\u00e9faillance uniques dans les op\u00e9rations industrielles.\n          <\/p>\n\n          <div class=\"iiot-features-list\">\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Stockage et retransmission :<\/strong> La mise en m\u00e9moire tampon locale sur disque permet de stocker les journaux d'exploitation en cas de coupure de connexion Internet, avec une synchronisation automatique d\u00e8s le r\u00e9tablissement de la connexion.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>Sauvegardes automatis\u00e9es dans le cloud :<\/strong> Strat\u00e9gies de snapshots et sauvegardes de bases de donn\u00e9es g\u00e9o-redondantes entre les zones du cloud.<\/span>\n            <\/div>\n            <div class=\"iiot-feature-item\">\n              <div class=\"iiot-feature-bullet\"><\/div>\n              <span><strong>R\u00e9cup\u00e9ration rapide des serveurs :<\/strong> L'\u00ab infrastructure-as-code \u00bb permet de red\u00e9ployer des environnements cloud en quelques minutes en cas de sinistre.<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">PRINCIPE FONDAMENTAL<\/div>\n            <div class=\"iiot-statement-text\">\n              Les coupures de connexion ne doivent en aucun cas interrompre la production ni entra\u00eener la perte d'un seul octet d'historique op\u00e9rationnel essentiel.\n            <\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Right Column: Cloud Integration Implementation -->\n        <div class=\"iiot-section-box iiot-split-box\">\n          <div class=\"iiot-card-header-inner\">\n            <span class=\"iiot-card-badge\">FEUILLE DE ROUTE TECHNIQUE<\/span>\n            <span class=\"iiot-card-title\">Mise en \u0153uvre de l'int\u00e9gration dans le cloud<\/span>\n          <\/div>\n          \n          <p class=\"iiot-card-text\">\n            Un processus d'ing\u00e9nierie structur\u00e9 en 7 \u00e9tapes, qui accompagne les projets depuis l'audit du r\u00e9seau jusqu'au d\u00e9ploiement effectif et surveill\u00e9 dans le cloud.\n          <\/p>\n\n          <!-- Compact Vertical Flow \/ Steps -->\n          <div class=\"iiot-vertical-flow\">\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">01 \u2014 Audit du r\u00e9seau et des actifs<\/span>\n              <span class=\"iiot-flow-sub\">Infrastructure et objectifs<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">02 \u2014 Architecture et s\u00e9curit\u00e9<\/span>\n              <span class=\"iiot-flow-sub\">Conception de la zone d\u00e9militaris\u00e9e (DMZ) et du chiffrement<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">03 \u2014 Choix de la plateforme<\/span>\n              <span class=\"iiot-flow-sub\">H\u00e9bergeurs cloud et types de bases de donn\u00e9es<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">04 \u2014 Periph\u00e9rie et ingestion<\/span>\n              <span class=\"iiot-flow-sub\">Passerelles et pipelines MQTT<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">05 \u2014 Base de donn\u00e9es dans le cloud et API<\/span>\n              <span class=\"iiot-flow-sub\">Sch\u00e9mas et services<\/span>\n            <\/div>\n            <div class=\"iiot-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-flow-step\">\n              <span class=\"iiot-flow-title\">06 \u2014 S\u00e9curit\u00e9 et tests<\/span>\n              <span class=\"iiot-flow-sub\">Contr\u00f4les de basculement et de vuln\u00e9rabilit\u00e9<\/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\">07 \u2014 D\u00e9ploiement et surveillance<\/span>\n              <span class=\"iiot-flow-sub\">Pipelines en temps r\u00e9el et alertes d'\u00e9tat<\/span>\n            <\/div>\n          <\/div>\n\n          <div class=\"iiot-statement-banner\">\n            <div class=\"iiot-statement-badge\">EX\u00c9CUTION STRUCTUR\u00c9E<\/div>\n            <div class=\"iiot-statement-text\">\n              Garantir une visibilit\u00e9 totale, la validation de la s\u00e9curit\u00e9 et la stabilit\u00e9 op\u00e9rationnelle \u00e0 chaque \u00e9tape.\n            <\/div>\n          <\/div>\n        <\/div>\n\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 Grid *\/\n  .iiot-side-by-side-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 20px;\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-split-box {\n    justify-content: space-between;\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  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 3px;\n    margin: 2px 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 12px;\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.8rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.7rem;\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  \/* 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: 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 12px;\n    font-size: 0.82rem;\n    line-height: 1.4;\n    opacity: 0.9;\n  }\n\n  .iiot-feature-bullet {\n    width: 6px;\n    height: 6px;\n    background-color: rgba(255, 255, 255, 0.6);\n    border-radius: 50%;\n    margin-top: 5px;\n    flex-shrink: 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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-side-by-side-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-064d375 e-con e-atomic-element e-flexbox-base e-c46744f\" data-id=\"064d375\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"064d375\">\n    \t\t<div class=\"elementor-element elementor-element-ae957ba ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"ae957ba\" 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_ae957ba {\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_ae957ba .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_ae957ba .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_ae957ba .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_ae957ba .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_ae957ba:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_ae957ba:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ae957ba:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_ae957ba: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_ae957ba\">\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>TECHNOLOGIES ET APPLICATIONS INDUSTRIELLES<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <div class=\"iiot-stack-container\">\n\n      <!-- Section 1: Cloud & Integration Technologies -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">STACK TECHNOLOGIQUE<\/span>\n          <span class=\"iiot-card-title\">Technologies cloud et d'int\u00e9gration avec lesquelles nous travaillons<\/span>\n        <\/div>\n\n        <div class=\"iiot-tech-categories\">\n          <!-- Cloud Platforms -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Plateformes cloud<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">Microsoft Azure<\/span>\n              <span class=\"iiot-badge\">AWS<\/span>\n              <span class=\"iiot-badge\">Docker \/ Linux<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Development & Services -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">D\u00e9veloppement<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">C#<\/span>\n              <span class=\"iiot-badge\">Python<\/span>\n              <span class=\"iiot-badge\">.NET<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Protocols & Integration -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Protocoles<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">API REST<\/span>\n              <span class=\"iiot-badge\">MQTT<\/span>\n              <span class=\"iiot-badge\">OPC UA<\/span>\n            <\/div>\n          <\/div>\n\n          <!-- Data & Analytics -->\n          <div class=\"iiot-tech-group\">\n            <span class=\"iiot-tech-group-label\">Donn\u00e9es et analyse<\/span>\n            <div class=\"iiot-tech-badges\">\n              <span class=\"iiot-badge\">SQL Server<\/span>\n              <span class=\"iiot-badge\">MySQL<\/span>\n              <span class=\"iiot-badge\">PostgreSQL<\/span>\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Section 2: Where Cloud Integration Adds Value (Six-Card Layout) -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">PROPOSITION DE VALEUR<\/span>\n          <span class=\"iiot-card-title\">Les avantages de l'int\u00e9gration dans le cloud<\/span>\n        <\/div>\n\n        <div class=\"iiot-six-card-grid\">\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Surveillance multisite<\/span>\n            <span class=\"iiot-mini-text\">Tableaux de bord op\u00e9rationnels centralis\u00e9s pour des sites de production g\u00e9ographiquement \u00e9loign\u00e9s les uns des autres.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Gestion \u00e0 distance de la flotte<\/span>\n            <span class=\"iiot-mini-text\">Gestion OEM et suivi t\u00e9l\u00e9m\u00e9trique \u00e0 distance pour les installations d'\u00e9quipements d\u00e9centralis\u00e9s.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Reporting d'entreprise et ERP<\/span>\n            <span class=\"iiot-mini-text\">Connexion des bases de donn\u00e9es des sites de production aux progiciels de gestion d'entreprise (ERP) dans le cloud et aux logiciels de gestion d'entreprise.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Maintenance pr\u00e9dictive dans le cloud<\/span>\n            <span class=\"iiot-mini-text\">Agr\u00e9ger les donn\u00e9es de t\u00e9l\u00e9m\u00e9trie multi-actifs vers des mod\u00e8les d'IA dans le cloud afin de pr\u00e9dire l'\u00e9tat de sant\u00e9 des \u00e9quipements.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Mises \u00e0 jour logicielles \u00e0 distance<\/span>\n            <span class=\"iiot-mini-text\">D\u00e9ploiement et mises \u00e0 jour centralis\u00e9s des applications industrielles en conteneurs sur l'ensemble des parcs de p\u00e9riph\u00e9riques.<\/span>\n          <\/div>\n          <div class=\"iiot-mini-card\">\n            <span class=\"iiot-mini-title\">Archivage d'entreprise \u00e0 long terme<\/span>\n            <span class=\"iiot-mini-text\">Lacs de donn\u00e9es \u00e9volutifs \u00e0 long terme destin\u00e9s \u00e0 la conformit\u00e9, au suivi de la qualit\u00e9 et \u00e0 la conservation des archives historiques.<\/span>\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  .iiot-stack-container {\n    display: flex;\n    flex-direction: column;\n    gap: 20px;\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  }\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  \/* Technology Strip Styling *\/\n  .iiot-tech-categories {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-tech-group {\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: 8px;\n  }\n\n  .iiot-tech-group-label {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.6;\n    letter-spacing: 0.5px;\n    text-transform: uppercase;\n  }\n\n  .iiot-tech-badges {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 6px;\n  }\n\n  .iiot-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.76rem;\n    font-weight: 500;\n    color: #ffffff;\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  @media (max-width: 1024px) {\n    .iiot-tech-categories {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 768px) {\n    .iiot-tech-categories,\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-750561d e-con e-atomic-element e-flexbox-base e-bdfe98a\" data-id=\"750561d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"750561d\">\n    \t\t<div class=\"elementor-element elementor-element-55a075d ha-has-bg-overlay elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"55a075d\" 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_55a075d {\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_55a075d .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_55a075d .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_55a075d .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_55a075d .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_55a075d:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_55a075d:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_55a075d:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_55a075d: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_55a075d\">\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>L'APPROCHE D'ING\u00c9NIERIE DE GPLG<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n\n      <!-- Single-Column Structured Layout for Engineering Approach -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">R\u00c9ALIT\u00c9 OP\u00c9RATIONNELLE ET PUISSANCE DU CLOUD<\/span>\n          <span class=\"iiot-card-title\">Con\u00e7u \u00e0 partir des r\u00e9alit\u00e9s op\u00e9rationnelles, \u00e9volutif gr\u00e2ce \u00e0 la puissance du cloud<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG aborde l'int\u00e9gration dans le cloud sous l'angle de l'ing\u00e9nierie industrielle. Nous accordons la priorit\u00e9 absolue \u00e0 la disponibilit\u00e9 des syst\u00e8mes OT, \u00e0 la s\u00e9curit\u00e9 du r\u00e9seau et \u00e0 l'int\u00e9grit\u00e9 des processus.\n        <\/p>\n\n        <!-- Vertical Flow -->\n        <div class=\"iiot-vertical-flow\">\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">\u00c9quipement<\/span>\n            <span class=\"iiot-flow-sub\">Machines industrielles et automates programmables<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Automatisation \/ SCADA<\/span>\n            <span class=\"iiot-flow-sub\">Lutte contre les plantes nuisibles au niveau local<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Passerelle p\u00e9riph\u00e9rique s\u00e9curis\u00e9e<\/span>\n            <span class=\"iiot-flow-sub\">Mise en m\u00e9moire tampon et traduction<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Transport crypt\u00e9<\/span>\n            <span class=\"iiot-flow-sub\">TLS \/ Tunnels sortants<\/span>\n          <\/div>\n          <div class=\"iiot-flow-arrow\">\u2193<\/div>\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-flow-title\">Plateforme cloud<\/span>\n            <span class=\"iiot-flow-sub\">Stockage et calcul<\/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\">Applications d'entreprise<\/span>\n            <span class=\"iiot-flow-sub\">Tableaux de bord et analyses<\/span>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner\">\n          <div class=\"iiot-statement-badge\">PRINCIPE FONDAMENTAL<\/div>\n          <div class=\"iiot-statement-text\">\n            Nous ne nous contentons pas de connecter des appareils au cloud. Nous concevons des canaux de donn\u00e9es s\u00e9curis\u00e9s et hautement disponibles, adapt\u00e9s aux r\u00e9alit\u00e9s de l'exploitation 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  .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  \/* Vertical Flow *\/\n  .iiot-vertical-flow {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\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: 8px 12px;\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.82rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-flow-sub {\n    font-size: 0.72rem;\n    opacity: 0.65;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.85rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 2px 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: 12px 16px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    align-items: center;\n    margin-top: auto;\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<\/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-3ce2d10 e-con e-atomic-element e-flexbox-base e-5a80df9\" data-id=\"3ce2d10\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"3ce2d10\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-6ac1d84\" 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-6ac1d84 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=\"6ac1d84\" 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-b891226 e-con-full e-flex e-con e-child\" data-id=\"b891226\" 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-777cd58 elementor-widget elementor-widget-heading\" data-id=\"777cd58\" 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\">\u00c9tendez vos activit\u00e9s industrielles au cloud<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7795f19 elementor-widget elementor-widget-text-editor\" data-id=\"7795f19\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Que vous ayez besoin de regrouper des donn\u00e9es de production provenant de plusieurs sites, de d\u00e9ployer un syst\u00e8me de t\u00e9l\u00e9m\u00e9trie \u00e0 distance pour votre flotte ou de mettre en place une architecture de cloud hybride s\u00e9curis\u00e9e, GPLG con\u00e7oit et met en \u0153uvre des solutions adapt\u00e9es \u00e0 vos besoins op\u00e9rationnels.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discuter d'un projet dans le cloud<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4d52e2e e-con-full e-flex e-con e-child\" data-id=\"4d52e2e\" 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-8782350 elementor-widget elementor-widget-button\" data-id=\"8782350\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contacter GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_sliding_content_box skip render: ucaddon_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 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 Extend Your Industrial Operations to the Cloud Whether you need [&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-2310","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\/2310","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=2310"}],"version-history":[{"count":145,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2310\/revisions"}],"predecessor-version":[{"id":5222,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2310\/revisions\/5222"}],"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=2310"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}