{"id":2306,"date":"2026-08-06T18:59:42","date_gmt":"2026-08-06T18:59:42","guid":{"rendered":"https:\/\/gplg.pt\/ia\/?page_id=2306"},"modified":"2026-08-21T20:27:23","modified_gmt":"2026-08-21T20:27:23","slug":"technologies-de-vision-industrielle","status":"publish","type":"page","link":"https:\/\/gplg.pt\/fr\/technologies\/machine-vision-technologies\/","title":{"rendered":"Technologies de vision industrielle"},"content":{"rendered":"<div data-elementor-type=\"wp-page\" data-elementor-id=\"2306\" class=\"elementor elementor-2306\" 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-259a5e6 e-con e-atomic-element e-flexbox-base e-0009266\" data-id=\"259a5e6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"259a5e6\">\n    \t\t\t<img fetchpriority=\"high\" decoding=\"async\" class=\"e-image-base\" data-interaction-id=\"1ac7d31\" data-e-type=\"widget\" data-id=\"1ac7d31\" id=\"4163\" src=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg\" width=\"2176\" height=\"480\" srcset=\"https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw.jpeg 2176w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-300x66.jpeg 300w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1024x226.jpeg 1024w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-768x169.jpeg 768w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-1536x339.jpeg 1536w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-2048x452.jpeg 2048w, https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Gemini_Generated_Image_9jbw029jbw029jbw-18x4.jpeg 18w\" alt=\"Vision industrielle\u00b9\"\/>\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-187cc57 e-con e-atomic-element e-flexbox-base e-e5bed00\" data-id=\"187cc57\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"187cc57\">\n    \t\t<div class=\"elementor-element elementor-element-b2d7deb elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b2d7deb\" 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_b2d7deb {\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_b2d7deb .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb .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_b2d7deb:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b2d7deb: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_b2d7deb\">\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\">Syst\u00e8mes de vision industrielle pour l'inspection, l'identification et l'automatisation<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\"><br \/><!-- Header Bar --><div class=\"iiot-card-header\"><div class=\"iiot-header-title\"><span class=\"iiot-icon\">\ud83d\udc41\ufe0f<\/span><h3>Syst\u00e8mes de vision industrielle et int\u00e9gration industrielle<\/h3><\/div><\/div><p><!-- Content Area --><\/p><div class=\"iiot-card-content\"><div class=\"iiot-content-inner\"><p class=\"iiot-description\">GPLG con\u00e7oit et int\u00e8gre des syst\u00e8mes de vision industrielle qui permettent aux \u00e9quipements industriels de capturer, d'analyser et d'exploiter des informations visuelles en temps r\u00e9el.<\/p><p><!-- Core Capabilities Grid --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Applications phares de Core Vision<\/div><div class=\"iiot-use-grid\"><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span><div class=\"iiot-use-title\">Contr\u00f4le des produits<\/div><\/div><div class=\"iiot-use-desc\">V\u00e9rification automatis\u00e9e des surfaces, des d\u00e9fauts et des assemblages afin de garantir une production sans d\u00e9faut.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span><div class=\"iiot-use-title\">Mesure et m\u00e9trologie<\/div><\/div><div class=\"iiot-use-desc\">Contr\u00f4les dimensionnels de haute pr\u00e9cision et tol\u00e9rances g\u00e9om\u00e9triques effectu\u00e9s directement sur la ligne de production.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span><div class=\"iiot-use-title\">Identification d'objets<\/div><\/div><div class=\"iiot-use-desc\">Lecture de codes 1D\/2D, extraction de texte par OCR et classification automatis\u00e9e des pi\u00e8ces.<\/div><\/div><div class=\"iiot-use-card\"><div class=\"iiot-use-header\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span><div class=\"iiot-use-title\">Guidage robotis\u00e9<\/div><\/div><div class=\"iiot-use-desc\">Coordonn\u00e9es spatiales 2D\/3D servant \u00e0 piloter des robots de placement et d'assemblage flexibles.<\/div><\/div><\/div><\/div><p><!-- Integrated System Components Strip --><\/p><div class=\"iiot-section-box\"><div class=\"iiot-box-title\">Pile de solutions int\u00e9gr\u00e9es<\/div><div class=\"iiot-tech-strip\"><span class=\"iiot-tech-badge\">\ud83d\udcf7 Appareils photo<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udd0d Optique<\/span><br \/><span class=\"iiot-tech-badge\">\ud83d\udca1 \u00c9clairage<\/span><br \/><span class=\"iiot-tech-badge\">\ud83e\udde0 Traitement d'images<\/span><br \/><span class=\"iiot-tech-badge\">\u26a1 Automatisation industrielle<\/span><\/div><\/div><\/div><\/div><\/div><p><style>\n  \/* Full-Width Container Styling *\/<br \/>\n  .iiot-card-container {<br \/>\n    width: 100%;<br \/>\n    max-width: 100%;<br \/>\n    margin: 20px 0;<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 10px;<br \/>\n    background-color: transparent;<br \/>\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;<br \/>\n    overflow: hidden;<br \/>\n    box-sizing: border-box;<br \/>\n  }<\/p>\n<p>  \/* Header Bar *\/<br \/>\n  .iiot-card-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    padding: 18px 24px;<br \/>\n    background-color: rgba(13, 35, 58, 0.85);<br \/>\n    backdrop-filter: blur(5px);<br \/>\n    color: #ffffff;<br \/>\n  }<\/p>\n<p>  .iiot-header-title {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 12px;<br \/>\n  }<\/p>\n<p>  .iiot-header-title h3 {<br \/>\n    margin: 0;<br \/>\n    font-size: 1.15rem;<br \/>\n    font-weight: 600;<br \/>\n    color: #ffffff !important;<br \/>\n  }<\/p>\n<p>  .iiot-icon {<br \/>\n    font-size: 1.2rem;<br \/>\n  }<\/p>\n<p>  \/* Content Area *\/<br \/>\n  .iiot-card-content {<br \/>\n    background-color: transparent;<br \/>\n  }<\/p>\n<p>  .iiot-content-inner {<br \/>\n    padding: 24px;<br \/>\n    border-top: 1px solid rgba(255, 255, 255, 0.1);<br \/>\n  }<\/p>\n<p>  .iiot-description {<br \/>\n    color: inherit;<br \/>\n    opacity: 0.9;<br \/>\n    line-height: 1.6;<br \/>\n    margin-bottom: 24px;<br \/>\n    font-size: 0.98rem;<br \/>\n    text-align: center;<br \/>\n  }<\/p>\n<p>  .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    box-sizing: border-box;<br \/>\n    margin-bottom: 20px;<br \/>\n  }<\/p>\n<p>  .iiot-section-box:last-child {<br \/>\n    margin-bottom: 0;<br \/>\n  }<\/p>\n<p>  .iiot-box-title {<br \/>\n    font-size: 0.85rem;<br \/>\n    font-weight: 700;<br \/>\n    letter-spacing: 1.2px;<br \/>\n    text-transform: uppercase;<br \/>\n    opacity: 0.7;<br \/>\n    margin-bottom: 16px;<br \/>\n    text-align: center;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Use Card Grid Layout *\/<br \/>\n  .iiot-use-grid {<br \/>\n    display: grid;<br \/>\n    grid-template-columns: repeat(2, 1fr);<br \/>\n    gap: 14px;<br \/>\n  }<\/p>\n<p>  .iiot-use-card {<br \/>\n    background-color: rgba(255, 255, 255, 0.04);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.2);<br \/>\n    border-radius: 6px;<br \/>\n    padding: 14px 16px;<br \/>\n    box-sizing: border-box;<br \/>\n    display: flex;<br \/>\n    flex-direction: column;<br \/>\n    gap: 6px;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-use-card:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.4);<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n  }<\/p>\n<p>  .iiot-use-header {<br \/>\n    display: flex;<br \/>\n    align-items: center;<br \/>\n    gap: 8px;<br \/>\n  }<\/p>\n<p>  .iiot-use-title {<br \/>\n    font-weight: 600;<br \/>\n    font-size: 0.92rem;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  .iiot-pill-icon {<br \/>\n    font-style: normal;<br \/>\n    font-size: 1rem;<br \/>\n    line-height: 1;<br \/>\n  }<\/p>\n<p>  .iiot-use-desc {<br \/>\n    font-size: 0.84rem;<br \/>\n    line-height: 1.45;<br \/>\n    opacity: 0.85;<br \/>\n    color: inherit;<br \/>\n  }<\/p>\n<p>  \/* Tech Strip Badges *\/<br \/>\n  .iiot-tech-strip {<br \/>\n    display: flex;<br \/>\n    flex-wrap: wrap;<br \/>\n    justify-content: center;<br \/>\n    gap: 10px;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge {<br \/>\n    background-color: rgba(255, 255, 255, 0.08);<br \/>\n    border: 1px solid rgba(255, 255, 255, 0.25);<br \/>\n    backdrop-filter: blur(4px);<br \/>\n    border-radius: 20px;<br \/>\n    padding: 8px 16px;<br \/>\n    font-size: 0.88rem;<br \/>\n    font-weight: 600;<br \/>\n    color: inherit;<br \/>\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;<br \/>\n  }<\/p>\n<p>  .iiot-tech-badge:hover {<br \/>\n    transform: translateY(-2px);<br \/>\n    border-color: rgba(255, 255, 255, 0.45);<br \/>\n    background-color: rgba(255, 255, 255, 0.15);<br \/>\n  }<\/p>\n<p>  \/* Responsive Adjustments *\/<br \/>\n  @media (max-width: 768px) {<br \/>\n    .iiot-use-grid {<br \/>\n      grid-template-columns: 1fr;<br \/>\n    }<br \/>\n  }<br \/>\n<\/style><\/p><\/div>       \n       \t        <div class=\"ue-btn-wrapper moveFromBottom\">\n           <a class=\"ue-btn\"  href=\"https:\/\/gplg.pt\/pt\/contact\/\" >\n\t\t\t\t<span class=\"uc-link\">Discuter d'un projet \u00ab Vision \u00bb<\/span>\n\t\t   <\/a>\n        <\/div>\n             <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-cc2ccf8 e-con e-atomic-element e-flexbox-base e-9041832\" data-id=\"cc2ccf8\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"cc2ccf8\">\n    \t\t<div class=\"elementor-element elementor-element-39a26d3 elementor-widget elementor-widget-ucaddon_transparent_split_hero\" data-id=\"39a26d3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"ucaddon_transparent_split_hero.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\n<!-- start Transparent Split Hero -->\n\t\t<link id='uc_ac_assets_file_uc_photography_header_css_0-css' href='https:\/\/gplg.pt\/ia\/wp-content\/uploads\/ac_assets\/uc_photography_header\/uc_photography_header.css' type='text\/css' rel='stylesheet' >\n\n<style>\/* widget: Transparent Split Hero *\/\n\n.uc_photography_header *{\n\tmargin:0;\n\tpadding:0;\n\t-webkit-box-sizing: border-box;\n\t-moz-box-sizing: border-box;\n\tbox-sizing: border-box;\n\t\n}\n#uc_transparent_split_hero_elementor_39a26d3\n{\n\tposition:relative;\n\twidth:100%;\n    background-position:center;\n    background-size:cover;\n    background-image:url(https:\/\/gplg.pt\/ia\/wp-content\/uploads\/2026\/08\/Vision-GPLG.png);\n    display:flex;\n    overflow:hidden;\n    \n}\n\n#uc_transparent_split_hero_elementor_39a26d3 > div\n{\n  height:100%;\n  display:flex;\n    align-items:center;\n}\n\n.uc_photography_header .uc_container_text_box{ \n  text-align:left;\n}\n\t\n.uc_photography_header .uc_container_text_box a{\n\tborder-style:solid;\n\tdisplay:inline-block;\n}\n\n<\/style>\n\n<div class=\"uc_photography_header\" id=\"uc_transparent_split_hero_elementor_39a26d3\">    \t      \n  <div class=\"uc_container_text_box\">  \n  <div>\n                                <div class=\"uc_text\"><div class=\"iiot-card-container\">\n  \n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>ING\u00c9NIERIE DE LA VISION ARTIFICIELLE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTELLIGENCE OPTIQUE<\/span>\n          <span class=\"iiot-card-title\">Donner aux syst\u00e8mes industriels la capacit\u00e9 de voir<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          La vision industrielle transforme les images captur\u00e9es par des cam\u00e9ras industrielles en informations exploitables par des machines, des logiciels et des syst\u00e8mes d'automatisation. Un syst\u00e8me de vision complet ne se r\u00e9sume pas \u00e0 une simple cam\u00e9ra.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          Les performances de l'application d\u00e9pendent d'une combinaison ad\u00e9quate entre les \u00e9l\u00e9ments optiques, l'acquisition mat\u00e9rielle et la prise de d\u00e9cision automatis\u00e9e.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container (Mobile Optimized Stack) -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 12px;\">\n          <div class=\"iiot-arch-tier-label\">ARCHITECTURE DU PIPELINE DE VISION<\/div>\n          \n          <div class=\"vision-flow-grid\">\n            <div class=\"iiot-arch-node\">Appareil photo<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Objectif<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">\u00c9clairage<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Acquisition d'images<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">Traitement<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node\">D\u00e9cision<\/div>\n            <div class=\"vision-flow-arrow\">\u2193<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automatisation<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INT\u00c9GRATION DE SYST\u00c8MES<\/span>\n          <span class=\"iiot-card-title\">Ing\u00e9nierie optique sur mesure<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG con\u00e7oit le syst\u00e8me dans son int\u00e9gralit\u00e9 en fonction des caract\u00e9ristiques du produit, de l'environnement de production et des exigences en mati\u00e8re de contr\u00f4le. Chaque variable est prise en compte afin de garantir une r\u00e9p\u00e9tabilit\u00e9 absolue.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0;\">\n          <div class=\"iiot-arch-tier-label\">MOD\u00c8LE DE D\u00c9PLOIEMENT<\/div>\n          <div class=\"iiot-arch-node\">Cam\u00e9ras autonomes standard<\/div>\n          <div class=\"vision-flow-arrow\" style=\"margin: 4px 0;\">\u2193<\/div>\n          <div class=\"iiot-arch-node iiot-flow-highlight-step\">\u00c9cosyst\u00e8me de vision et de contr\u00f4le enti\u00e8rement int\u00e9gr\u00e9<\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">NORME GPLG<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Un syst\u00e8me de vision fiable repose avant tout sur une conception technique adapt\u00e9e, et pas seulement sur une cam\u00e9ra haute r\u00e9solution.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Vision Flow Grid: Native Vertical Stack for Mobile Reliability *\/\n  .vision-flow-grid {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n    margin: 1px 0;\n  }\n\n  \/* Technical Architecture Diagram Styling *\/\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    width: 100%;\n    max-width: 260px;\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: 7px 10px;\n    text-align: center;\n    font-size: 0.75rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\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  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Adjustments for Tablet and Mobile *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n<\/style><\/div>            <\/div>\n  <\/div>\n<\/div>\n<!-- end Transparent Split Hero -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-2ac1ca4 e-con e-atomic-element e-flexbox-base e-177f57d\" data-id=\"2ac1ca4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"2ac1ca4\">\n    \t\t<div class=\"elementor-element elementor-element-d05cb22 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d05cb22\" 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_d05cb22 {\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_d05cb22 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d05cb22 .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_d05cb22:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d05cb22: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_d05cb22\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">QU'EST-CE QUE LA VISION ARTIFICIELLE ?<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd04<\/span>\n      <h3>De l'image \u00e0 la d\u00e9cision industrielle<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Un syst\u00e8me de vision industrielle capture des informations visuelles, traite l'image et g\u00e9n\u00e8re un r\u00e9sultat en temps r\u00e9el exploit\u00e9 par l'ensemble de l'infrastructure d'automatisation industrielle.\n      <\/p>\n\n      <!-- Architecture Flow Box -->\n      <div class=\"iiot-pipeline-box\">\n        <div class=\"iiot-box-title\">Pipeline d'architecture technique<\/div>\n        \n        <div class=\"iiot-horizontal-pipeline\">\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83c\udfed<\/span> Processus<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udce6<\/span> Produit<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span> Appareil photo<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span> Acquisition<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span> Traitement<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node\"><span class=\"iiot-pill-icon\">\ud83e\udde0<\/span> Analyse<\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <!-- Decision Branch Container -->\n          <div class=\"iiot-decision-branch\">\n            <div class=\"iiot-branch-label\">D\u00c9CISION<\/div>\n            <div class=\"iiot-outcomes\">\n              <span class=\"iiot-outcome-badge iiot-pass\">\u2713 R\u00c9USSI \/ OK<\/span>\n              <span class=\"iiot-outcome-badge iiot-fail\">\u2717 \u00c9CHEC \/ NOK<\/span>\n            <\/div>\n          <\/div>\n          <div class=\"iiot-arrow\">\u2192<\/div>\n\n          <div class=\"iiot-node iiot-node-highlight\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Automatisation<\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Output Results Grid -->\n      <div class=\"iiot-outputs-box\">\n        <div class=\"iiot-box-title\">R\u00e9sultats et retomb\u00e9es de l'application<\/div>\n        <div class=\"iiot-results-grid\">\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Mesure<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span> Identification<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span> Classification<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccd<\/span> Poste<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\u2b50<\/span> R\u00e9sultat de qualit\u00e9<\/div>\n          <div class=\"iiot-result-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span> D\u00e9cision \u00ab Admis \/ Refus\u00e9 \u00bb<\/div>\n          <div class=\"iiot-result-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83e\udd16<\/span> Coordonn\u00e9es du robot<\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Section Title *\/\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Pipeline Architecture Box *\/\n  .iiot-pipeline-box,\n  .iiot-outputs-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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-outputs-box {\n    margin-bottom: 0;\n  }\n\n  \/* Pipeline Layout *\/\n  .iiot-horizontal-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    overflow-x: auto;\n    padding-bottom: 8px;\n  }\n\n  .iiot-node {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.25);\n    backdrop-filter: blur(4px);\n    border-radius: 6px;\n    padding: 8px 12px;\n    font-weight: 600;\n    color: inherit;\n    font-size: 0.82rem;\n    display: flex;\n    align-items: center;\n    gap: 6px;\n    white-space: nowrap;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-node-highlight {\n    background-color: rgba(255, 255, 255, 0.1);\n    border-color: rgba(255, 255, 255, 0.4);\n  }\n\n  .iiot-node:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-arrow {\n    color: inherit;\n    opacity: 0.5;\n    font-size: 0.9rem;\n    font-weight: 700;\n    padding: 0 1px;\n  }\n\n  \/* Decision Branch Component *\/\n  .iiot-decision-branch {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 4px;\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px dashed rgba(255, 255, 255, 0.25);\n    border-radius: 6px;\n    padding: 6px 10px;\n  }\n\n  .iiot-branch-label {\n    font-size: 0.7rem;\n    font-weight: 700;\n    letter-spacing: 0.8px;\n    opacity: 0.8;\n  }\n\n  .iiot-outcomes {\n    display: flex;\n    gap: 6px;\n  }\n\n  .iiot-outcome-badge {\n    font-size: 0.75rem;\n    font-weight: 700;\n    padding: 3px 8px;\n    border-radius: 4px;\n    white-space: nowrap;\n  }\n\n  .iiot-pass {\n    background-color: rgba(46, 204, 113, 0.15);\n    border: 1px solid rgba(46, 204, 113, 0.4);\n    color: #2ecc71;\n  }\n\n  .iiot-fail {\n    background-color: rgba(231, 76, 60, 0.15);\n    border: 1px solid rgba(231, 76, 60, 0.4);\n    color: #e74c3c;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.9rem;\n    line-height: 1;\n  }\n\n  \/* Results Badges Grid *\/\n  .iiot-results-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 10px;\n  }\n\n  .iiot-result-badge {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 10px 14px;\n    font-size: 0.85rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-result-badge:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-horizontal-pipeline {\n      flex-direction: column;\n      gap: 8px;\n    }\n\n    .iiot-arrow {\n      transform: rotate(90deg);\n    }\n\n    .iiot-results-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-results-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\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-9328cb9 e-con e-atomic-element e-flexbox-base e-9177042\" data-id=\"9328cb9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9328cb9\">\n    \t\t<div class=\"elementor-element elementor-element-b001814 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b001814\" 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_b001814 {\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_b001814 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b001814 .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_b001814:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b001814: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_b001814\">\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\">COMPOSANTS DE VISION ARTIFICIELLE<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udee0\ufe0f<\/span>\n      <h3>Conception du syst\u00e8me de vision complet<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <!-- 2x3 Grid Layout -->\n      <div class=\"iiot-2x3-grid\">\n        \n        <!-- Card 1 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <div class=\"iiot-card-title\">Cam\u00e9ras industrielles<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            S\u00e9lection de cam\u00e9ras adapt\u00e9es en fonction de la r\u00e9solution, de la vitesse, des caract\u00e9ristiques du capteur et des exigences de l'application.\n          <\/div>\n        <\/div>\n\n        <!-- Card 2 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-card-title\">Optique et lentilles<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Le choix de l'objectif d\u00e9termine la mani\u00e8re dont la cam\u00e9ra per\u00e7oit l'objet. Un champ de vision, une distance de travail et des caract\u00e9ristiques optiques adapt\u00e9s sont indispensables pour garantir une inspection fiable.\n          <\/div>\n        <\/div>\n\n        <!-- Card 3 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <div class=\"iiot-card-title\">\u00c9clairage industriel<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            L'\u00e9clairage est l'un des \u00e9l\u00e9ments les plus importants d'un syst\u00e8me de vision. Nous choisissons l'\u00e9clairage en fonction de la g\u00e9om\u00e9trie, du mat\u00e9riau, de la surface et des objectifs d'inspection.\n          <\/div>\n        <\/div>\n\n        <!-- Card 4 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddbc\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Acquisition d'images<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Nous concevons le processus d'acquisition de mani\u00e8re \u00e0 obtenir de mani\u00e8re fiable des images coh\u00e9rentes et de haute qualit\u00e9, \u00e0 la vitesse requise sur la cha\u00eene de production.\n          <\/div>\n        <\/div>\n\n        <!-- Card 5 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-card-title\">Traitement d'images<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Les images sont trait\u00e9es et analys\u00e9es \u00e0 l'aide d'algorithmes afin d'en extraire les informations pr\u00e9cises requises par l'application industrielle.\n          <\/div>\n        <\/div>\n\n        <!-- Card 6 -->\n        <div class=\"iiot-grid-card\">\n          <div class=\"iiot-card-title-group\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <div class=\"iiot-card-title\">Int\u00e9gration industrielle<\/div>\n          <\/div>\n          <div class=\"iiot-card-desc\">\n            Le r\u00e9sultat de la vision s'int\u00e8gre de mani\u00e8re transparente aux automates programmables, aux robots, aux machines ou aux logiciels industriels de niveau sup\u00e9rieur, selon les besoins.\n          <\/div>\n        <\/div>\n\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Strict 2x3 Grid (3 columns, 2 rows) Layout *\/\n  .iiot-2x3-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    grid-template-rows: repeat(2, auto);\n    gap: 16px;\n  }\n\n  .iiot-grid-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-grid-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-card-title-group {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-card-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Layout Adaptations *\/\n  @media (max-width: 900px) {\n    .iiot-2x3-grid {\n      grid-template-columns: repeat(2, 1fr);\n      grid-template-rows: auto;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-2x3-grid {\n      grid-template-columns: 1fr;\n      grid-template-rows: auto;\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-8ea8d3c e-con e-atomic-element e-flexbox-base e-ae9ad71\" data-id=\"8ea8d3c\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"8ea8d3c\">\n    \t\t<div class=\"elementor-element elementor-element-9c552cc elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"9c552cc\" 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_9c552cc {\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_9c552cc .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_9c552cc .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_9c552cc:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_9c552cc: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_9c552cc\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">TECHNOLOGIE DES CAM\u00c9RAS<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udcf7<\/span>\n      <h3>Choisir la bonne cam\u00e9ra industrielle<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Il n'existe pas de cam\u00e9ra unique qui convienne \u00e0 toutes les applications. GPLG \u00e9value les exigences sp\u00e9cifiques de chaque d\u00e9ploiement afin d'obtenir la qualit\u00e9 d'image requise, et non pas simplement les caract\u00e9ristiques techniques les plus \u00e9lev\u00e9es disponibles.\n      <\/p>\n\n      <!-- Selection Criteria Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Crit\u00e8res d'\u00e9valuation des appareils photo<\/div>\n        <div class=\"iiot-criteria-grid\">\n          \n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span> R\u00e9solution requise<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udccf<\/span> Taille de l'objet<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u26a1<\/span> Vitesse d'inspection<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span> Champ de vision<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span> Distance de travail<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfa8<\/span> Exigences en mati\u00e8re de couleurs<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u2b1b<\/span> Exigences relatives au monochrome<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\u23f1\ufe0f<\/span> Temps d'exposition<\/div>\n          <div class=\"iiot-criteria-badge\"><span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span> Dynamique des mouvements<\/div>\n          <div class=\"iiot-criteria-badge iiot-full-width\"><span class=\"iiot-pill-icon\">\ud83d\udee1\ufe0f<\/span> Conditions environnementales<\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Criteria Grid Layout *\/\n  .iiot-criteria-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-criteria-badge {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.86rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-criteria-badge:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-criteria-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-criteria-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\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-a62a1c3 e-con e-atomic-element e-flexbox-base e-606ddf2\" data-id=\"a62a1c3\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a62a1c3\">\n    \t\t<div class=\"elementor-element elementor-element-195fc72 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"195fc72\" 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_195fc72 {\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_195fc72 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_195fc72 .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_195fc72:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_195fc72: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_195fc72\">\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\">LENTILLES ET OPTIQUE<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udd0d<\/span>\n      <h3>La lentille fait partie du syst\u00e8me de mesure<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        M\u00eame un appareil photo haut de gamme ne peut pas compenser un objectif inadapt\u00e9. La pr\u00e9cision optique d\u00e9termine directement les performances du syst\u00e8me.\n      <\/p>\n\n      <!-- Key Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Principaux facteurs optiques \u00e9valu\u00e9s<\/div>\n        <div class=\"iiot-factors-grid\">\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-factor-text\">Champ de vision<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd2d<\/span>\n            <span class=\"iiot-factor-text\">Distance de travail<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <span class=\"iiot-factor-text\">Grossissement<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <span class=\"iiot-factor-text\">Contr\u00f4le de la distorsion<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-factor-text\">Profondeur de champ<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-factor-text\">Dimensions de l'objet<\/span>\n          <\/div>\n          <div class=\"iiot-factor-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf7<\/span>\n            <span class=\"iiot-factor-text\">Caract\u00e9ristiques du capteur de l'appareil photo<\/span>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Principe fondamental d'ing\u00e9nierie :<\/strong> La cam\u00e9ra et l'optique doivent \u00eatre con\u00e7ues comme un syst\u00e8me unique et int\u00e9gr\u00e9.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 20px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 16px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid for Optical Factors *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 0.95rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 850px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-5c3d564 e-con e-atomic-element e-flexbox-base e-7574c17\" data-id=\"5c3d564\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"5c3d564\">\n    \t\t<div class=\"elementor-element elementor-element-404fc78 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"404fc78\" 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_404fc78 {\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_404fc78 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_404fc78 .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_404fc78:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_404fc78: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_404fc78\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">\u00c9CLAIRAGE INDUSTRIEL<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udca1<\/span>\n      <h3>Contr\u00f4ler l'image avant de la traiter<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        L'\u00e9clairage d\u00e9termine ce que la cam\u00e9ra peut r\u00e9ellement voir. Les diff\u00e9rents mat\u00e9riaux, finitions de surface et g\u00e9om\u00e9tries des composants n\u00e9cessitent des techniques d'\u00e9clairage sp\u00e9cifiques afin de mettre en valeur les caract\u00e9ristiques essentielles et d'\u00e9liminer les parasites visuels ind\u00e9sirables.\n      <\/p>\n\n      <!-- 6 Lighting Configurations Grid -->\n      <div class=\"iiot-lighting-grid\">\n        \n        <!-- Config 1 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd33<\/span>\n            <div class=\"iiot-light-title\">R\u00e9tro\u00e9clairage<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Utile pour les silhouettes \u00e0 fort contraste, les mesures dimensionnelles pr\u00e9cises et les profils de bords.<\/div>\n        <\/div>\n\n        <!-- Config 2 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <div class=\"iiot-light-title\">\u00c9clairage annulaire<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Convient \u00e0 l'inspection g\u00e9n\u00e9rale des surfaces et \u00e0 l'\u00e9clairage multidirectionnel des composants.<\/div>\n        <\/div>\n\n        <!-- Config 3 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\u25ac<\/span>\n            <div class=\"iiot-light-title\">\u00c9clairage de bar<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Utile pour les zones d'inspection de grande taille et pour obtenir un \u00e9clairage directionnel cibl\u00e9.<\/div>\n        <\/div>\n\n        <!-- Config 4 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf10<\/span>\n            <div class=\"iiot-light-title\">\u00c9clairage de la coupole<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Fournit un \u00e9clairage diffus permettant de r\u00e9duire consid\u00e9rablement les reflets ponctuels sur les surfaces courbes ou brillantes.<\/div>\n        <\/div>\n\n        <!-- Config 5 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udc41\ufe0f<\/span>\n            <div class=\"iiot-light-title\">\u00c9clairage coaxial<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Il oriente la lumi\u00e8re le long de l'axe optique, ce qui le rend particuli\u00e8rement efficace sur les surfaces planes et tr\u00e8s r\u00e9fl\u00e9chissantes.<\/div>\n        <\/div>\n\n        <!-- Config 6 -->\n        <div class=\"iiot-light-card\">\n          <div class=\"iiot-light-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udee0\ufe0f<\/span>\n            <div class=\"iiot-light-title\">\u00c9clairage sur mesure<\/div>\n          <\/div>\n          <div class=\"iiot-light-desc\">Des solutions d'\u00e9clairage sp\u00e9cialement con\u00e7ues pour r\u00e9pondre \u00e0 des contraintes d'application particuli\u00e8res ou complexes.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a1<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>R\u00e8gle fondamentale de la vision :<\/strong> Une bonne vision commence par un bon \u00e9clairage.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Lighting Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-lighting-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-light-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-light-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-light-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-light-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-light-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-lighting-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-lighting-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-33b870d e-con e-atomic-element e-flexbox-base e-9e0fdcc\" data-id=\"33b870d\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"33b870d\">\n    \t\t<div class=\"elementor-element elementor-element-da1812a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"da1812a\" 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_da1812a {\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_da1812a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_da1812a .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_da1812a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_da1812a: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_da1812a\">\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\">ACQUISITION D'IMAGES<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u23f1\ufe0f<\/span>\n      <h3>Capturer des images homog\u00e8nes \u00e0 la vitesse de production<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        L'inspection industrielle exige une acquisition d'images hautement reproductible. Afin d'\u00e9viter toute variabilit\u00e9, l'acquisition d'images est con\u00e7ue avec pr\u00e9cision en fonction de la dynamique physique du cycle de production r\u00e9el.\n      <\/p>\n\n      <!-- Synchronization Factors Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">\u00c9valuation des facteurs li\u00e9s au temps et aux mouvements<\/div>\n        <div class=\"iiot-factors-grid\">\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\u26a1<\/span>\n            <span class=\"iiot-factor-text\">D\u00e9clenchement<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcf8<\/span>\n            <span class=\"iiot-factor-text\">Exposition<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfc3<\/span>\n            <span class=\"iiot-factor-text\">Motion<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd04<\/span>\n            <span class=\"iiot-factor-text\">Fr\u00e9quence d'image<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd17<\/span>\n            <span class=\"iiot-factor-text\">Synchronisation des cam\u00e9ras<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udede<\/span>\n            <span class=\"iiot-factor-text\">Vitesse du convoyeur<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-factor-text\">Positionnement du produit<\/span>\n          <\/div>\n          \n          <div class=\"iiot-factor-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udca1<\/span>\n            <span class=\"iiot-factor-text\">Synchronisation de l'\u00e9clairage<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\u26a0\ufe0f<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Point \u00e0 retenir :<\/strong> Un syst\u00e8me qui produit des images in\u00e9gales donnera lieu \u00e0 des r\u00e9sultats d'inspection in\u00e9gaux.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 16px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid Layout (4 columns on wide screens) *\/\n  .iiot-factors-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-factor-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-factor-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.98rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-factors-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-factors-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-af6e61f e-con e-atomic-element e-flexbox-base e-18e065d\" data-id=\"af6e61f\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"af6e61f\">\n    \t\t<div class=\"elementor-element elementor-element-fc3095e elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"fc3095e\" 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_fc3095e {\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_fc3095e .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_fc3095e .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_fc3095e:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_fc3095e: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_fc3095e\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">TRAITEMENT D'IMAGES<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u2699\ufe0f<\/span>\n      <h3>Extraction d'informations \u00e0 partir d'images<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Une fois l'image captur\u00e9e, le syst\u00e8me extrait les donn\u00e9es visuelles essentielles. GPLG s\u00e9lectionne et combine les approches algorithmiques appropri\u00e9es en fonction des objectifs sp\u00e9cifiques de l'inspection.\n      <\/p>\n\n      <!-- Processing Techniques Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Techniques de traitement et d'analyse d'images<\/div>\n        <div class=\"iiot-techniques-grid\">\n          \n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\uddf9<\/span>\n            <span class=\"iiot-tech-text\">Filtrage<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udf9a\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Seuil<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83e\udde9<\/span>\n            <span class=\"iiot-tech-text\">Segmentation<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-tech-text\">D\u00e9tection des contours<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-tech-text\">Analyse de forme<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\u3030\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Analyse des contours<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-tech-text\">Correspondance de motifs<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-tech-text\">Mesure<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <span class=\"iiot-tech-text\">D\u00e9tection d'objets<\/span>\n          <\/div>\n\n          <div class=\"iiot-tech-card iiot-full-width\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <span class=\"iiot-tech-text\">Classification<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Techniques Grid Layout (3 Columns) *\/\n  .iiot-techniques-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-tech-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-tech-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-full-width {\n    grid-column: span 3;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-techniques-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n\n    .iiot-full-width {\n      grid-column: span 2;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-techniques-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-full-width {\n      grid-column: span 1;\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-a67b237 e-con e-atomic-element e-flexbox-base e-2f6ddde\" data-id=\"a67b237\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"a67b237\">\n    \t\t<div class=\"elementor-element elementor-element-d31611a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"d31611a\" 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_d31611a {\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_d31611a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_d31611a .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_d31611a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_d31611a: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_d31611a\">\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\">IA ET VISION ARTIFICIELLE<\/div>\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>ING\u00c9NIERIE DE LA VISION ARTIFICIELLE<\/h3>\n    <\/div>\n  <\/div>\n\n  <div class=\"iiot-content-inner\">\n    <!-- Side-by-Side Main Wrapper -->\n    <div class=\"iiot-side-by-side-layout\">\n\n      <!-- Column 1: Core Concept & Vision Flow -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INTELLIGENCE OPTIQUE<\/span>\n          <span class=\"iiot-card-title\">Donner aux syst\u00e8mes industriels la capacit\u00e9 de voir<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          La vision industrielle transforme les images captur\u00e9es par des cam\u00e9ras industrielles en informations exploitables par des machines, des logiciels et des syst\u00e8mes d'automatisation. Un syst\u00e8me de vision complet ne se r\u00e9sume pas \u00e0 une simple cam\u00e9ra.\n        <\/p>\n\n        <p class=\"iiot-card-text\" style=\"margin-top: 4px;\">\n          Les performances de l'application d\u00e9pendent d'une combinaison ad\u00e9quate entre les \u00e9l\u00e9ments optiques, l'acquisition mat\u00e9rielle et la prise de d\u00e9cision automatis\u00e9e.\n        <\/p>\n\n        <!-- Responsive Flow Diagram Container -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 6px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">ARCHITECTURE DU PIPELINE DE VISION<\/div>\n          \n          <div class=\"vision-flow-container\">\n            <div class=\"iiot-arch-node\">Appareil photo<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Objectif<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">\u00c9clairage<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Acquisition<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">Traitement<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node\">D\u00e9cision<\/div>\n            <div class=\"vision-flow-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\">Automatisation<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Column 2: Engineering Focus & Conclusion -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-card-header-inner\">\n          <span class=\"iiot-card-badge\">INT\u00c9GRATION DE SYST\u00c8MES<\/span>\n          <span class=\"iiot-card-title\">Ing\u00e9nierie optique sur mesure<\/span>\n        <\/div>\n        \n        <p class=\"iiot-card-text\">\n          GPLG con\u00e7oit le syst\u00e8me dans son int\u00e9gralit\u00e9 en fonction des caract\u00e9ristiques du produit, de l'environnement de production et des exigences en mati\u00e8re de contr\u00f4le. Chaque variable est prise en compte afin de garantir une r\u00e9p\u00e9tabilit\u00e9 absolue.\n        <\/p>\n\n        <!-- Visual Core Value Graphic -->\n        <div class=\"iiot-arch-diagram\" style=\"margin: 10px 0; padding: 14px;\">\n          <div class=\"iiot-arch-tier-label\">MOD\u00c8LE DE D\u00c9PLOIEMENT<\/div>\n          <div style=\"display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; flex-wrap: wrap;\" class=\"deployment-model-flex\">\n            <div class=\"iiot-arch-node\" style=\"flex: 1; min-width: 140px;\">Cam\u00e9ras autonomes standard<\/div>\n            <div class=\"vision-flow-arrow deployment-arrow\">\u2192<\/div>\n            <div class=\"iiot-arch-node iiot-flow-highlight-step\" style=\"flex: 1; min-width: 140px;\">\u00c9cosyst\u00e8me enti\u00e8rement int\u00e9gr\u00e9<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"iiot-statement-banner iiot-strong-banner\" style=\"margin-top: auto;\">\n          <div class=\"iiot-statement-badge\">NORME GPLG<\/div>\n          <div class=\"iiot-statement-text\" style=\"font-weight: 500;\">\n            Un syst\u00e8me de vision fiable repose avant tout sur une conception technique adapt\u00e9e, et pas seulement sur une cam\u00e9ra haute r\u00e9solution.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Side by Side Layout for PC *\/\n  .iiot-side-by-side-layout {\n    display: grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 20px;\n    align-items: stretch;\n  }\n\n  .iiot-section-box {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    border-radius: 8px;\n    padding: 20px;\n    display: flex;\n    flex-direction: column;\n    gap: 16px;\n    height: 100%;\n    box-sizing: border-box;\n  }\n\n  .iiot-card-header-inner {\n    display: flex;\n    flex-direction: column;\n    gap: 4px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.1);\n    padding-bottom: 10px;\n  }\n\n  .iiot-card-badge {\n    font-size: 0.72rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-card-title {\n    font-size: 1rem;\n    font-weight: 600;\n    color: inherit;\n  }\n\n  .iiot-card-text {\n    font-size: 0.85rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    margin: 0;\n  }\n\n  \/* Default PC View: Horizontal Flow with Auto-Wrap *\/\n  .vision-flow-container {\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    gap: 6px;\n    width: 100%;\n  }\n\n  .vision-flow-arrow {\n    font-size: 0.75rem;\n    opacity: 0.4;\n    line-height: 1;\n  }\n\n  .iiot-arch-diagram {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 6px;\n    background-color: rgba(255, 255, 255, 0.015);\n    border: 1px solid rgba(255, 255, 255, 0.08);\n    border-radius: 6px;\n    padding: 14px;\n  }\n\n  .iiot-arch-tier-label {\n    font-size: 0.68rem;\n    font-weight: 700;\n    letter-spacing: 1px;\n    opacity: 0.5;\n    margin-bottom: 2px;\n    text-align: center;\n  }\n\n  .iiot-arch-node {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.12);\n    border-radius: 6px;\n    padding: 6px 10px;\n    text-align: center;\n    font-size: 0.72rem;\n    font-weight: 600;\n    color: #ffffff;\n    box-sizing: border-box;\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  \/* Note Banner *\/\n  .iiot-statement-banner {\n    background-color: rgba(13, 35, 58, 0.6);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 8px;\n    padding: 10px 14px;\n    text-align: center;\n    display: flex;\n    flex-direction: column;\n    gap: 3px;\n    align-items: center;\n  }\n\n  .iiot-strong-banner {\n    background-color: rgba(13, 35, 58, 0.85);\n    border-color: rgba(255, 255, 255, 0.35);\n  }\n\n  .iiot-statement-badge {\n    font-size: 0.66rem;\n    font-weight: 700;\n    opacity: 0.55;\n    letter-spacing: 1px;\n    color: inherit;\n  }\n\n  .iiot-statement-text {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: #ffffff;\n    line-height: 1.35;\n  }\n\n  \/* Responsive Media Query for Mobile\/Tablet *\/\n  @media (max-width: 1024px) {\n    .iiot-side-by-side-layout {\n      grid-template-columns: 1fr;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .vision-flow-container {\n      flex-direction: column;\n      align-items: stretch;\n    }\n    .vision-flow-arrow {\n      text-align: center;\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n    .iiot-arch-node {\n      width: 100%;\n    }\n    .deployment-model-flex {\n      flex-direction: column !important;\n    }\n    .deployment-arrow {\n      transform: rotate(90deg);\n      text-align: center;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-e4644fe e-con e-atomic-element e-flexbox-base e-7120a40\" data-id=\"e4644fe\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"e4644fe\">\n    \t\t<div class=\"elementor-element elementor-element-b9dde69 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b9dde69\" 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_b9dde69 {\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_b9dde69 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b9dde69 .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_b9dde69:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b9dde69: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_b9dde69\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">CONTR\u00d4LE DE QUALIT\u00c9<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\u2705<\/span>\n      <h3>Contr\u00f4le qualit\u00e9 visuel automatis\u00e9<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La vision industrielle permet d'automatiser des contr\u00f4les qui, sans cela, n\u00e9cessiteraient une v\u00e9rification visuelle manuelle. Parmi les applications possibles, on peut citer :\n      <\/p>\n\n      <!-- 6 Applications Grid -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udce6<\/span>\n            <div class=\"iiot-app-title\">Pr\u00e9sence et absence<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">D\u00e9terminer si un composant est pr\u00e9sent.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\u2699\ufe0f<\/span>\n            <div class=\"iiot-app-title\">V\u00e9rification de l'assemblage<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">V\u00e9rifiez que les composants ont \u00e9t\u00e9 assembl\u00e9s correctement.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">Inspection de surface<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Identifiez les d\u00e9fauts ou irr\u00e9gularit\u00e9s visibles.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <div class=\"iiot-app-title\">V\u00e9rification des dimensions<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Mesurer les composants et les comparer aux exigences d\u00e9finies.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Contr\u00f4le des \u00e9tiquettes et des marquages<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">V\u00e9rifiez les informations, codes ou marquages imprim\u00e9s.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Classification des produits<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Classez les produits en fonction de leurs caract\u00e9ristiques visuelles.<\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n  }\n\n  .iiot-app-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-app-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-app-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-apps-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-d883cf6 e-con e-atomic-element e-flexbox-base e-3bea5cf\" data-id=\"d883cf6\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d883cf6\">\n    \t\t<div class=\"elementor-element elementor-element-f4b19a0 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"f4b19a0\" 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_f4b19a0 {\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_f4b19a0 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0 .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_f4b19a0:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_f4b19a0: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_f4b19a0\">\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\">MESURE ET CONTR\u00d4LE DIMENSIONNEL<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83d\udcd0<\/span>\n      <h3>Mesure par vision industrielle<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La vision industrielle permet d'effectuer des mesures sans contact lorsque l'application et la configuration optique sont adapt\u00e9es. La pr\u00e9cision d\u00e9pend de l'ensemble du syst\u00e8me optique et d'imagerie, d'un \u00e9talonnage pr\u00e9cis et de conditions d'application contr\u00f4l\u00e9es.\n      <\/p>\n\n      <!-- 8 Measurement Types Grid -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Mesures sans contact possibles<\/div>\n        <div class=\"iiot-measurements-grid\">\n          \n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccf<\/span>\n            <span class=\"iiot-measure-text\">Longueur<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2194\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Largeur<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2b55<\/span>\n            <span class=\"iiot-measure-text\">Diam\u00e8tre<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <span class=\"iiot-measure-text\">Poste<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\u2195\ufe0f<\/span>\n            <span class=\"iiot-measure-text\">Distance<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udcd0<\/span>\n            <span class=\"iiot-measure-text\">Angles<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd37<\/span>\n            <span class=\"iiot-measure-text\">Forme<\/span>\n          <\/div>\n\n          <div class=\"iiot-measure-card\">\n            <span class=\"iiot-pill-icon\">\ud83c\udfaf<\/span>\n            <span class=\"iiot-measure-text\">Alignement<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 700;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 16px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Grid Layout for Measurement Badges (4 Columns) *\/\n  .iiot-measurements-grid {\n    display: grid;\n    grid-template-columns: repeat(4, 1fr);\n    gap: 12px;\n  }\n\n  .iiot-measure-card {\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 12px 14px;\n    font-size: 0.88rem;\n    font-weight: 600;\n    color: inherit;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 8px;\n    text-align: center;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-measure-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1rem;\n    line-height: 1;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-measurements-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-measurements-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-fd664c9 e-con e-atomic-element e-flexbox-base e-c7e55f4\" data-id=\"fd664c9\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"fd664c9\">\n    \t\t<div class=\"elementor-element elementor-element-417b9c5 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"417b9c5\" 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_417b9c5 {\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_417b9c5 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_417b9c5 .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_417b9c5:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_417b9c5: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_417b9c5\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">D\u00c9TECTION ET IDENTIFICATION D'OBJETS<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <span class=\"iiot-icon\">\ud83c\udfaf<\/span>\n      <h3>Recherche et identification d'objets<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Les syst\u00e8mes de vision localisent et identifient de mani\u00e8re fiable les objets situ\u00e9s dans une zone d'inspection d\u00e9finie. Dans le cadre d'applications robotiques, le syst\u00e8me fournit les coordonn\u00e9es spatiales pr\u00e9cises n\u00e9cessaires au guidage automatis\u00e9 et \u00e0 la manutention de type \u00ab pick-and-place \u00bb.\n      <\/p>\n\n      <!-- 6 Applications Grid (2x3 Grid) -->\n      <div class=\"iiot-apps-grid\">\n        \n        <!-- App 1 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd0d<\/span>\n            <div class=\"iiot-app-title\">D\u00e9tection des composants<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">D\u00e9tecter la pr\u00e9sence, l'absence ou les caract\u00e9ristiques des composants dans le champ de vision.<\/div>\n        <\/div>\n\n        <!-- App 2 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83c\udff7\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Identification du produit<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Identifiez avec pr\u00e9cision les variantes sp\u00e9cifiques des produits, les marquages ou les rep\u00e8res visuels.<\/div>\n        <\/div>\n\n        <!-- App 3 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83e\udded<\/span>\n            <div class=\"iiot-app-title\">D\u00e9tection de l'orientation<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">V\u00e9rifiez la position angulaire et l'alignement en rotation avant toute manipulation ou tout montage.<\/div>\n        <\/div>\n\n        <!-- App 4 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udccd<\/span>\n            <div class=\"iiot-app-title\">Localisation des pi\u00e8ces<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">D\u00e9terminer avec pr\u00e9cision les coordonn\u00e9es $(X, Y, \\theta)$ pour guider les syst\u00e8mes robotiques et les outils de manutention.<\/div>\n        <\/div>\n\n        <!-- App 5 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\udd22<\/span>\n            <div class=\"iiot-app-title\">Comptage d'objets<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Comptez rapidement des articles dans des configurations en vrac ou en flux continu, avec une grande r\u00e9p\u00e9tabilit\u00e9.<\/div>\n        <\/div>\n\n        <!-- App 6 -->\n        <div class=\"iiot-app-card\">\n          <div class=\"iiot-app-header\">\n            <span class=\"iiot-pill-icon\">\ud83d\uddc2\ufe0f<\/span>\n            <div class=\"iiot-app-title\">Classification<\/div>\n          <\/div>\n          <div class=\"iiot-app-desc\">Trier et classer automatiquement les pi\u00e8ces en fonction de leur profil visuel et de leur g\u00e9om\u00e9trie.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Robotics Note Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <span class=\"iiot-principle-icon\">\ud83e\udd16<\/span>\n          <div class=\"iiot-principle-text\">\n            <strong>Guidage robotis\u00e9 :<\/strong> Au-del\u00e0 de l'inspection, le syst\u00e8me de vision fournit des donn\u00e9es de position spatiale pr\u00e9cises permettant de d\u00e9clencher et de guider des syst\u00e8mes de mouvement automatis\u00e9s et des robots industriels.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title {\n    display: flex;\n    align-items: center;\n    gap: 12px;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  .iiot-icon {\n    font-size: 1.2rem;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Applications Grid Layout (3 Columns x 2 Rows) *\/\n  .iiot-apps-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-app-card {\n    background-color: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.15);\n    backdrop-filter: blur(4px);\n    border-radius: 8px;\n    padding: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n    transition: transform 0.2s ease, border-color 0.2s ease, background-color 0.2s ease;\n  }\n\n  .iiot-app-card:hover {\n    transform: translateY(-2px);\n    border-color: rgba(255, 255, 255, 0.4);\n    background-color: rgba(255, 255, 255, 0.08);\n  }\n\n  .iiot-app-header {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n  }\n\n  .iiot-app-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n  }\n\n  .iiot-pill-icon {\n    font-style: normal;\n    font-size: 1.1rem;\n    line-height: 1;\n  }\n\n  .iiot-app-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle \/ Robotic Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.3);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    gap: 12px;\n  }\n\n  .iiot-principle-icon {\n    font-size: 1.2rem;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-apps-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-apps-grid {\n      grid-template-columns: 1fr;\n    }\n\n    .iiot-principle-content {\n      flex-direction: column;\n      gap: 6px;\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-f5fe019 e-con e-atomic-element e-flexbox-base e-9dd78d9\" data-id=\"f5fe019\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f5fe019\">\n    \t\t<div class=\"elementor-element elementor-element-b13f62c elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b13f62c\" 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_b13f62c {\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_b13f62c .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b13f62c .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_b13f62c:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b13f62c: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_b13f62c\">\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\">ROBOTIQUE GUID\u00c9E PAR LA VISION<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Allier la vision \u00e0 l'automatisation robotis\u00e9e<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        C'est l\u00e0 que la vision industrielle s'int\u00e8gre directement \u00e0 votre service d'int\u00e9gration robotique. La robotique guid\u00e9e par la vision permet aux syst\u00e8mes automatis\u00e9s de s'adapter de mani\u00e8re dynamique aux objets dont la position ou l'orientation peut varier sur la cha\u00eene de production.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline de contr\u00f4le int\u00e9gr\u00e9<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Appareil photo<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Traitement d'images<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">D\u00e9tection d'objets<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Position \/ Orientation<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Contr\u00f4leur de robot<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Robot<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Pr\u00e9lever \/ Placer \/ Trier<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Capability Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            GPLG assure une int\u00e9gration transparente entre le syst\u00e8me de vision, le contr\u00f4leur du robot et l'architecture d'automatisation environnante, afin d'offrir une manutention flexible et dynamique.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 95px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-11c15cd e-con e-atomic-element e-flexbox-base e-66c23ab\" data-id=\"11c15cd\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"11c15cd\">\n    \t\t<div class=\"elementor-element elementor-element-b86ea6a elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"b86ea6a\" 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_b86ea6a {\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_b86ea6a .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a .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_b86ea6a:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_b86ea6a: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_b86ea6a\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">VISION + API<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Int\u00e9gration des r\u00e9sultats d'inspection dans les processus automatis\u00e9s<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Un syst\u00e8me de vision industrielle doit souvent transmettre ses r\u00e9sultats directement au syst\u00e8me de commande de la machine. L'automate programmable (PLC) reste charg\u00e9 de la logique d\u00e9terministe de commande de la machine, tandis que le syst\u00e8me de vision fournit les informations visuelles requises par l'application.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline d'int\u00e9gration<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Appareil photo<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Syst\u00e8me de vision<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">R\u00e9sultats de l'inspection<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">PLC<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">D\u00e9cision automatis\u00e9e<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Refuser \/ Accepter \/ Arr\u00eater \/ Continuer<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Le contr\u00f4le d\u00e9terministe et l'analyse d'images \u00e0 haute vitesse fonctionnent de concert dans un environnement synchronis\u00e9 afin d'ex\u00e9cuter des actions automatis\u00e9es sans ralentir la vitesse de la ligne de production.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 6px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 100px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 12px 6px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.8rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-438523e e-con e-atomic-element e-flexbox-base e-d9609d1\" data-id=\"438523e\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"438523e\">\n    \t\t<div class=\"elementor-element elementor-element-06167d7 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"06167d7\" 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_06167d7 {\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_06167d7 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_06167d7 .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_06167d7:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_06167d7: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_06167d7\">\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\">VISION + LOGICIELS INDUSTRIELS<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Int\u00e9gration des donn\u00e9es de vision dans les logiciels<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Les r\u00e9sultats de la vision industrielle peuvent \u00e9galement s'inscrire dans le cadre d'applications industrielles plus larges. L'int\u00e9gration directe des donn\u00e9es d'inspection visuelle dans des syst\u00e8mes de gestion de niveau sup\u00e9rieur permet de transformer des captures d'images isol\u00e9es en informations exploitables sur la production \u00e0 l'\u00e9chelle de l'entreprise.\n      <\/p>\n\n      <!-- Architecture Flow Diagram Box -->\n      <div class=\"iiot-section-box\">\n        <div class=\"iiot-box-title\">Pipeline d'int\u00e9gration logicielle<\/div>\n        <div class=\"iiot-flow-pipeline\">\n          \n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">R\u00e9sultats de l'inspection<\/span>\n          <\/div>\n          \n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Logiciels industriels<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Record de production<\/span>\n          <\/div>\n\n          <span class=\"iiot-flow-arrow\">\u2192<\/span>\n\n          <div class=\"iiot-flow-step\">\n            <span class=\"iiot-step-label\">Analyse \/ Rapports<\/span>\n          <\/div>\n\n        <\/div>\n      <\/div>\n\n      <!-- Core Principle Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Cela permet aux r\u00e9sultats des contr\u00f4les de devenir un \u00e9l\u00e9ment essentiel du syst\u00e8me d'information de production au sens large, favorisant ainsi la tra\u00e7abilit\u00e9, l'assurance qualit\u00e9 et l'optimisation \u00e0 long terme des processus.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  .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    box-sizing: border-box;\n    margin-bottom: 20px;\n  }\n\n  .iiot-box-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1.2px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    margin-bottom: 20px;\n    text-align: center;\n    color: inherit;\n  }\n\n  \/* Horizontal Architecture Flow Pipeline *\/\n  .iiot-flow-pipeline {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    flex-wrap: wrap;\n  }\n\n  .iiot-flow-step {\n    flex: 1;\n    min-width: 120px;\n    background-color: rgba(255, 255, 255, 0.05);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 6px;\n    padding: 14px 8px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n    box-sizing: border-box;\n  }\n\n  .iiot-step-label {\n    font-size: 0.82rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.2;\n  }\n\n  .iiot-flow-arrow {\n    font-size: 0.95rem;\n    opacity: 0.5;\n    user-select: none;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-flow-pipeline {\n      display: grid;\n      grid-template-columns: repeat(2, 1fr);\n      gap: 10px;\n    }\n\n    .iiot-flow-arrow {\n      display: none;\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-flow-pipeline {\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-f9fba70 e-con e-atomic-element e-flexbox-base e-0557b95\" data-id=\"f9fba70\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"f9fba70\">\n    \t\t<div class=\"elementor-element elementor-element-4be6e6b elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"4be6e6b\" 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_4be6e6b {\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_4be6e6b .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b .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_4be6e6b:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_4be6e6b: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_4be6e6b\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">APPLICATIONS DE LA VISION ARTIFICIELLE<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-grid-container\">\n  \n  <!-- Section Title -->\n  <div class=\"iiot-grid-header\">\n    <h3>Les domaines d'application de la vision artificielle<\/h3>\n  <\/div>\n\n  <!-- 6 Large Application Cards Grid -->\n  <div class=\"iiot-cards-grid\">\n    \n    <!-- Card 1 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Contr\u00f4le qualit\u00e9<\/div>\n        <p class=\"iiot-card-desc\">\n          Inspection visuelle automatis\u00e9e des produits et des composants visant \u00e0 d\u00e9tecter les d\u00e9fauts de surface, les d\u00e9fauts de mati\u00e8re et les erreurs d'assemblage, \u00e0 la cadence de la cha\u00eene de production.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Identification du produit<\/div>\n        <p class=\"iiot-card-desc\">\n          Reconnaissance et classification des pi\u00e8ces et des produits \u00e0 l'aide de la reconnaissance optique de caract\u00e8res (OCR), des codes-barres 1D\/2D et de la comparaison des caract\u00e9ristiques.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Mesure<\/div>\n        <p class=\"iiot-card-desc\">\n          Mesure dimensionnelle et positionnelle sans contact garantissant le respect pr\u00e9cis des tol\u00e9rances physiques et une v\u00e9rification g\u00e9om\u00e9trique en temps r\u00e9el, sans contact avec la pi\u00e8ce.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 4 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Guidage robotis\u00e9<\/div>\n        <p class=\"iiot-card-desc\">\n          Fournir aux robots les coordonn\u00e9es de localisation et d'orientation des objets en temps r\u00e9el pour assurer la pr\u00e9cision des op\u00e9rations de pr\u00e9hension-d\u00e9pose, d'assemblage et de correction de trajectoire.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 5 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">Tri<\/div>\n        <p class=\"iiot-card-desc\">\n          Classification visuelle pour le tri automatis\u00e9, permettant de cat\u00e9goriser dynamiquement les objets en fonction de leur couleur, de leur forme, de leur taille ou de crit\u00e8res visuels sp\u00e9cifiques.\n        <\/p>\n      <\/div>\n    <\/div>\n\n    <!-- Card 6 -->\n    <div class=\"iiot-app-card\">\n      <div class=\"iiot-card-body\">\n        <div class=\"iiot-card-title\">V\u00e9rification de la production<\/div>\n        <p class=\"iiot-card-desc\">\n          V\u00e9rification en temps r\u00e9el de l'int\u00e9grit\u00e9 de l'assemblage, de la pr\u00e9sence des composants, de leur orientation, du positionnement des \u00e9tiquettes et des conditions de fonctionnement.\n        <\/p>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/div>\n\n<style>\n  \/* Main Container *\/\n  .iiot-grid-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    box-sizing: border-box;\n  }\n\n  \/* Header Section *\/\n  .iiot-grid-header {\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px 10px 0 0;\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-grid-header h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n    text-align: center;\n  }\n\n  \/* Grid Layout for 6 Cards *\/\n  .iiot-cards-grid {\n    display: grid;\n    grid-template-columns: repeat(2, 1fr);\n    gap: 16px;\n    padding: 24px;\n    background-color: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-top: none;\n    border-radius: 0 0 10px 10px;\n  }\n\n  \/* Large Application Card Style *\/\n  .iiot-app-card {\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: 24px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    justify-content: flex-start;\n  }\n\n  .iiot-card-title {\n    font-size: 1.05rem;\n    font-weight: 600;\n    margin-bottom: 12px;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-card-desc {\n    font-size: 0.92rem;\n    line-height: 1.6;\n    margin: 0;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Responsive Behavior for Smaller Screens *\/\n  @media (max-width: 768px) {\n    .iiot-cards-grid {\n      grid-template-columns: 1fr;\n      padding: 16px;\n    }\n\n    .iiot-app-card {\n      padding: 18px;\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-4a05c75 e-con e-atomic-element e-flexbox-base e-7c6af23\" data-id=\"4a05c75\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"4a05c75\">\n    \t\t<div class=\"elementor-element elementor-element-89f7380 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"89f7380\" 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_89f7380 {\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_89f7380 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_89f7380 .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_89f7380:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_89f7380: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_89f7380\">\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\">MISE EN \u0152UVRE DE LA VISION ARTIFICIELLE<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Des exigences d'inspection au syst\u00e8me de production<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La mise en place d'une solution de vision industrielle fiable n\u00e9cessite une feuille de route technique structur\u00e9e, passant progressivement des premiers tests de faisabilit\u00e9 \u00e0 la mise en service industrielle \u00e0 grande \u00e9chelle.\n      <\/p>\n\n      <!-- Horizontal Stepped Roadmap (45-degree angle progression) -->\n      <div class=\"iiot-stepped-roadmap\">\n        \n        <!-- Step 01 -->\n        <div class=\"iiot-step-node iiot-step-1\">\n          <div class=\"iiot-node-badge\">01<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">\u00c9valuation des candidatures<\/div>\n            <div class=\"iiot-node-desc\">Comprendre le produit, le processus de fabrication et les crit\u00e8res d'inspection vis\u00e9s.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 02 -->\n        <div class=\"iiot-step-node iiot-step-2\">\n          <div class=\"iiot-node-badge\">02<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Faisabilit\u00e9<\/div>\n            <div class=\"iiot-node-desc\">D\u00e9terminer si la vision industrielle est adapt\u00e9e et \u00e9valuer les strat\u00e9gies techniques envisageables.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 03 -->\n        <div class=\"iiot-step-node iiot-step-3\">\n          <div class=\"iiot-node-badge\">03<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Conception optique<\/div>\n            <div class=\"iiot-node-desc\">Concevez et choisissez avec pr\u00e9cision la cam\u00e9ra, l'optique et la g\u00e9om\u00e9trie d'\u00e9clairage.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 04 -->\n        <div class=\"iiot-step-node iiot-step-4\">\n          <div class=\"iiot-node-badge\">04<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Acquisition d'images<\/div>\n            <div class=\"iiot-node-desc\">D\u00e9velopper des syst\u00e8mes de d\u00e9clenchement mat\u00e9riel\/logiciel d\u00e9terministes et de capture d'images \u00e0 haute vitesse.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 05 -->\n        <div class=\"iiot-step-node iiot-step-5\">\n          <div class=\"iiot-node-badge\">05<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">D\u00e9veloppement de la vision<\/div>\n            <div class=\"iiot-node-desc\">Cr\u00e9ez et optimisez des pipelines personnalis\u00e9s de traitement d'images ou des algorithmes d'inspection bas\u00e9s sur l'IA.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 06 -->\n        <div class=\"iiot-step-node iiot-step-6\">\n          <div class=\"iiot-node-badge\">06<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Int\u00e9gration industrielle<\/div>\n            <div class=\"iiot-node-desc\">Le syst\u00e8me d'interface communique directement avec les automates programmables (PLC), les robots industriels, les contr\u00f4leurs de cellules ou les logiciels MES.<\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Step 07 -->\n        <div class=\"iiot-step-node iiot-step-7\">\n          <div class=\"iiot-node-badge\">07<\/div>\n          <div class=\"iiot-node-card\">\n            <div class=\"iiot-node-title\">Validation<\/div>\n            <div class=\"iiot-node-desc\">V\u00e9rifier la pr\u00e9cision, la r\u00e9p\u00e9tabilit\u00e9 et les temps de cycle de production dans des conditions r\u00e9elles de production.<\/div>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 28px 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 32px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Stepped Diagonal (Left-to-Right) Layout *\/\n  .iiot-stepped-roadmap {\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    padding: 10px 0;\n  }\n\n  .iiot-step-node {\n    display: flex;\n    align-items: flex-start;\n    gap: 16px;\n    max-width: 600px;\n    position: relative;\n  }\n\n  \/* Left-to-right diagonal offsets for 45-degree angle progression *\/\n  .iiot-step-1 { margin-left: 0%; }\n  .iiot-step-2 { margin-left: 6%; }\n  .iiot-step-3 { margin-left: 12%; }\n  .iiot-step-4 { margin-left: 18%; }\n  .iiot-step-5 { margin-left: 24%; }\n  .iiot-step-6 { margin-left: 30%; }\n  .iiot-step-7 { margin-left: 36%; }\n\n  .iiot-node-badge {\n    width: 38px;\n    height: 38px;\n    border-radius: 50%;\n    background-color: rgba(13, 35, 58, 0.95);\n    border: 1px solid rgba(255, 255, 255, 0.35);\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.85rem;\n    font-weight: 700;\n    color: #ffffff;\n    flex-shrink: 0;\n    box-shadow: 0 0 0 3px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-node-card {\n    flex: 1;\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: 14px 18px;\n    box-sizing: border-box;\n  }\n\n  .iiot-node-title {\n    font-size: 0.95rem;\n    font-weight: 600;\n    color: inherit;\n    line-height: 1.3;\n    margin-bottom: 4px;\n  }\n\n  .iiot-node-desc {\n    font-size: 0.88rem;\n    line-height: 1.45;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Mobile Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-step-1,\n    .iiot-step-2,\n    .iiot-step-3,\n    .iiot-step-4,\n    .iiot-step-5,\n    .iiot-step-6,\n    .iiot-step-7 {\n      margin-left: 0;\n      max-width: 100%;\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-acfe2e4 e-con e-atomic-element e-flexbox-base e-59aa96d\" data-id=\"acfe2e4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"acfe2e4\">\n    \t\t<div class=\"elementor-element elementor-element-eea9747 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"eea9747\" 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_eea9747 {\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_eea9747 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_eea9747 .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_eea9747:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_eea9747: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_eea9747\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">PERFORMANCES DU SYST\u00c8ME DE VISION<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Con\u00e7u pour les conditions r\u00e9elles de production<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        Un syst\u00e8me de vision doit fonctionner de mani\u00e8re constante, et pas seulement lorsque les conditions d'\u00e9clairage et le produit sont id\u00e9aux. GPLG con\u00e7oit et valide chaque syst\u00e8me en fonction de l'environnement d'exploitation r\u00e9el afin de garantir des performances fiables \u00e0 long terme.\n      <\/p>\n\n      <!-- 9 Environmental Variables Grid (3x3 Layout) -->\n      <div class=\"iiot-variables-grid\">\n        \n        <!-- Variable 1 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Variantes du produit<\/div>\n          <div class=\"iiot-variable-desc\">Prise en compte des variations naturelles d'un lot \u00e0 l'autre en termes de couleur, de taille, de texture de surface et de tol\u00e9rances dimensionnelles.<\/div>\n        <\/div>\n\n        <!-- Variable 2 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Vitesse de production<\/div>\n          <div class=\"iiot-variable-desc\">Assurer un d\u00e9clenchement pr\u00e9cis \u00e0 la microseconde pr\u00e8s et un traitement d'images \u00e0 grande vitesse tout en garantissant un d\u00e9bit maximal par ligne.<\/div>\n        <\/div>\n\n        <!-- Variable 3 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">\u00c9clairage d'ambiance<\/div>\n          <div class=\"iiot-variable-desc\">\u00c9liminer les effets li\u00e9s aux variations de la lumi\u00e8re naturelle dans l'usine, aux luminaires suspendus et aux interf\u00e9rences lumineuses provenant de l'ext\u00e9rieur.<\/div>\n        <\/div>\n\n        <!-- Variable 4 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">R\u00e9flexions<\/div>\n          <div class=\"iiot-variable-desc\">R\u00e9duire les reflets et les zones de brillance sp\u00e9culaires sur les surfaces m\u00e9talliques, en verre ou en film plastique \u00e0 l'aide d'optiques sp\u00e9cialis\u00e9es.<\/div>\n        <\/div>\n\n        <!-- Variable 5 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Vibration<\/div>\n          <div class=\"iiot-variable-desc\">Stabilisation des supports optiques et mise en \u0153uvre d'un filtrage algorithmique pour att\u00e9nuer les bruits provenant des convoyeurs industriels ou des machines.<\/div>\n        <\/div>\n\n        <!-- Variable 6 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Position de la cam\u00e9ra<\/div>\n          <div class=\"iiot-variable-desc\">Optimisation de l'espace libre, de la distance de travail, du champ de vision et de la rigidit\u00e9 de fixation dans des espaces restreints au sein des machines.<\/div>\n        <\/div>\n\n        <!-- Variable 7 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Mouvements de produits<\/div>\n          <div class=\"iiot-variable-desc\">Prise en compte du mouvement continu de la bande, de l'inclinaison des pi\u00e8ces, des vibrations ou d'un espacement irr\u00e9gulier lors d'un d\u00e9placement \u00e0 grande vitesse.<\/div>\n        <\/div>\n\n        <!-- Variable 8 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Conditions environnementales<\/div>\n          <div class=\"iiot-variable-desc\">Protection des composants optiques et des capteurs contre les variations de temp\u00e9rature en usine, la poussi\u00e8re, les brouillards d'huile, l'humidit\u00e9 et les lavages \u00e0 haute pression.<\/div>\n        <\/div>\n\n        <!-- Variable 9 -->\n        <div class=\"iiot-variable-card\">\n          <div class=\"iiot-variable-title\">Pr\u00e9cision requise pour l'inspection<\/div>\n          <div class=\"iiot-variable-desc\">Concilier les exigences de r\u00e9solution des mesures au niveau des sous-pixels avec la vitesse de d\u00e9filement et les limites de distorsion de l'objectif.<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Core Principle \/ Summary Box -->\n      <div class=\"iiot-principle-box\">\n        <div class=\"iiot-principle-content\">\n          <div class=\"iiot-principle-text\">\n            Chaque composant optique, chaque strat\u00e9gie d'\u00e9clairage et chaque cha\u00eene de traitement sont test\u00e9s en conditions r\u00e9elles et valid\u00e9s sur site afin de garantir une fiabilit\u00e9 de niveau industriel.\n          <\/div>\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 24px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* 3x3 Grid Layout for Environmental Variables *\/\n  .iiot-variables-grid {\n    display: grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 16px;\n    margin-bottom: 20px;\n  }\n\n  .iiot-variable-card {\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: 18px 16px;\n    box-sizing: border-box;\n    display: flex;\n    flex-direction: column;\n    gap: 8px;\n  }\n\n  .iiot-variable-title {\n    font-weight: 600;\n    font-size: 0.95rem;\n    color: inherit;\n    line-height: 1.3;\n  }\n\n  .iiot-variable-desc {\n    font-size: 0.85rem;\n    line-height: 1.5;\n    opacity: 0.85;\n    color: inherit;\n  }\n\n  \/* Core Principle Box *\/\n  .iiot-principle-box {\n    background-color: rgba(255, 255, 255, 0.04);\n    border: 1px solid rgba(255, 255, 255, 0.18);\n    border-radius: 8px;\n    padding: 16px 20px;\n    box-sizing: border-box;\n  }\n\n  .iiot-principle-content {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  }\n\n  .iiot-principle-text {\n    font-size: 0.95rem;\n    line-height: 1.5;\n    color: inherit;\n    text-align: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 900px) {\n    .iiot-variables-grid {\n      grid-template-columns: repeat(2, 1fr);\n    }\n  }\n\n  @media (max-width: 600px) {\n    .iiot-variables-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-eb8de42 e-con e-atomic-element e-flexbox-base e-9ddd7f5\" data-id=\"eb8de42\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"eb8de42\">\n    \t\t<div class=\"elementor-element elementor-element-59b1def elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"59b1def\" 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_59b1def {\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_59b1def .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_59b1def .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_59b1def:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_59b1def: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_59b1def\">\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\">LES TECHNOLOGIES QUE NOUS UTILISONS<\/div>\t\n\t\t<div class=\"ue-text moveFromLeft\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Pile technologique de vision industrielle<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      \n      <!-- Tech Stack Grid -->\n      <div class=\"iiot-stack-grid\">\n        \n        <!-- Category 1: Vision -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Vision<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">OpenCV<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 2: AI \/ Machine Learning -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">IA \/ Apprentissage automatique<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">PyTorch<\/span>\n            <span class=\"iiot-tech-pill\">TensorFlow<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 3: Development -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">D\u00e9veloppement<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Python<\/span>\n            <span class=\"iiot-tech-pill\">C# \/ .NET<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 4: Industrial Integration -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Int\u00e9gration industrielle<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">PLC<\/span>\n            <span class=\"iiot-tech-pill\">OPC UA<\/span>\n            <span class=\"iiot-tech-pill\">MQTT<\/span>\n          <\/div>\n        <\/div>\n\n        <!-- Category 5: Infrastructure -->\n        <div class=\"iiot-stack-group\">\n          <div class=\"iiot-group-title\">Infrastructures<\/div>\n          <div class=\"iiot-pill-list\">\n            <span class=\"iiot-tech-pill\">Linux<\/span>\n            <span class=\"iiot-tech-pill\">Docker<\/span>\n          <\/div>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  \/* Tech Stack Grid Layout *\/\n  .iiot-stack-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));\n    gap: 20px;\n  }\n\n  .iiot-stack-group {\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: 18px;\n    display: flex;\n    flex-direction: column;\n    gap: 12px;\n    box-sizing: border-box;\n  }\n\n  .iiot-group-title {\n    font-size: 0.85rem;\n    font-weight: 600;\n    letter-spacing: 1px;\n    text-transform: uppercase;\n    opacity: 0.7;\n    color: inherit;\n  }\n\n  .iiot-pill-list {\n    display: flex;\n    flex-wrap: wrap;\n    gap: 8px;\n  }\n\n  .iiot-tech-pill {\n    background-color: rgba(255, 255, 255, 0.06);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 6px;\n    padding: 8px 14px;\n    font-size: 0.9rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1;\n    display: inline-flex;\n    align-items: center;\n  }\n\n  \/* Responsive Adjustments *\/\n  @media (max-width: 600px) {\n    .iiot-stack-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-d5bdaf4 e-con e-atomic-element e-flexbox-base e-0fd89e7\" data-id=\"d5bdaf4\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"d5bdaf4\">\n    \t\t<div class=\"elementor-element elementor-element-76bd458 elementor-widget elementor-widget-ucaddon_sliding_content_box\" data-id=\"76bd458\" 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_76bd458 {\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_76bd458 .ue-content-box-inner\n{\n  display:flex;\n  position:relative;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458 .ue-content-box-wrapper\n{\n  position:relative;\n  width:100%;\n}\n\n#uc_sliding_content_box_elementor_76bd458 .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_76bd458:hover .ue-bg\n{\n transform:scale(1.1,1.1);\n}\n\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromLeft\n{\n  animation: moveFromLeft 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458:hover .moveFromRight\n{\n  animation: moveFromRight 0.5s;\n}\n\n#uc_sliding_content_box_elementor_76bd458: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_76bd458\">\n  \n  <div class=\"ue-content-box-inner\">\n    <div class=\"ue-bg\"><\/div>\n    <div class=\"ue-overlay\"><\/div>\n    \n     <div class=\"ue-content-box-wrapper\">\n\t\t<div class=\"ue-title moveFromRight\">APPROCHE TECHNIQUE<\/div>\t\n\t\t<div class=\"ue-text moveFromRight\"><div class=\"iiot-card-container\">\n  <!-- Header Bar -->\n  <div class=\"iiot-card-header\">\n    <div class=\"iiot-header-title\">\n      <h3>Une cam\u00e9ra n'est qu'une partie de la solution<\/h3>\n    <\/div>\n  <\/div>\n\n  <!-- Content Area -->\n  <div class=\"iiot-card-content\">\n    <div class=\"iiot-content-inner\">\n      <p class=\"iiot-description\">\n        La r\u00e9ussite d'un projet de vision industrielle d\u00e9pend de l'ensemble du syst\u00e8me. GPLG con\u00e7oit ces composants de mani\u00e8re int\u00e9gr\u00e9e, plut\u00f4t que de consid\u00e9rer la cam\u00e9ra comme un dispositif isol\u00e9.\n      <\/p>\n\n      <!-- Horizontal System Flow Chain -->\n      <div class=\"iiot-flow-chain\">\n        \n        <!-- Node 1 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Produit<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 2 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">\u00c9clairage<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 3 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Optique<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 4 (Highlighted Camera Centerpiece) -->\n        <div class=\"iiot-flow-node iiot-highlight-node\">\n          <div class=\"iiot-node-box\">Appareil photo<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 5 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Traitement d'images<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 6 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">D\u00e9cision<\/div>\n        <\/div>\n\n        <div class=\"iiot-flow-arrow\">\u2192<\/div>\n\n        <!-- Node 7 -->\n        <div class=\"iiot-flow-node\">\n          <div class=\"iiot-node-box\">Automatisation<\/div>\n        <\/div>\n\n      <\/div>\n\n      <!-- Strong Final Statement Footer -->\n      <div class=\"iiot-statement-banner\">\n        <div class=\"iiot-statement-text\">\n          Nous ne nous contentons pas d'installer des cam\u00e9ras. Nous concevons des syst\u00e8mes complets de vision industrielle.\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/div>\n<\/div>\n\n<style>\n  \/* Full-Width Container Styling *\/\n  .iiot-card-container {\n    width: 100%;\n    max-width: 100%;\n    margin: 20px 0;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    border-radius: 10px;\n    background-color: transparent;\n    font-family: -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Oxygen, Ubuntu, Cantarell, sans-serif;\n    overflow: hidden;\n    box-sizing: border-box;\n  }\n\n  \/* Header Bar *\/\n  .iiot-card-header {\n    display: flex;\n    align-items: center;\n    padding: 18px 24px;\n    background-color: rgba(13, 35, 58, 0.85);\n    backdrop-filter: blur(5px);\n    color: #ffffff;\n  }\n\n  .iiot-header-title h3 {\n    margin: 0;\n    font-size: 1.15rem;\n    font-weight: 600;\n    color: #ffffff !important;\n  }\n\n  \/* Content Area *\/\n  .iiot-card-content {\n    background-color: transparent;\n  }\n\n  .iiot-content-inner {\n    padding: 24px;\n    border-top: 1px solid rgba(255, 255, 255, 0.1);\n  }\n\n  .iiot-description {\n    color: inherit;\n    opacity: 0.9;\n    line-height: 1.6;\n    margin-bottom: 28px;\n    font-size: 0.98rem;\n    text-align: center;\n  }\n\n  \/* Horizontal Flow Chain *\/\n  .iiot-flow-chain {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n    margin-bottom: 28px;\n    overflow-x: auto;\n    padding: 10px 4px;\n  }\n\n  .iiot-flow-node {\n    flex: 1;\n    min-width: 110px;\n  }\n\n  .iiot-node-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: 14px 10px;\n    text-align: center;\n    font-size: 0.88rem;\n    font-weight: 500;\n    color: inherit;\n    line-height: 1.3;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 48px;\n    box-sizing: border-box;\n  }\n\n  \/* Highlight Camera Node *\/\n  .iiot-highlight-node .iiot-node-box {\n    background-color: rgba(255, 255, 255, 0.08);\n    border: 1px solid rgba(255, 255, 255, 0.4);\n    font-weight: 700;\n    box-shadow: 0 0 10px rgba(255, 255, 255, 0.05);\n  }\n\n  .iiot-flow-arrow {\n    font-size: 1rem;\n    opacity: 0.5;\n    color: inherit;\n    user-select: none;\n    flex-shrink: 0;\n  }\n\n  \/* Final Statement 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: 18px 24px;\n    text-align: center;\n  }\n\n  .iiot-statement-text {\n    font-size: 1.05rem;\n    font-weight: 600;\n    color: #ffffff;\n    letter-spacing: 0.3px;\n    line-height: 1.4;\n  }\n\n  \/* Responsive Behavior *\/\n  @media (max-width: 900px) {\n    .iiot-flow-chain {\n      flex-direction: column;\n      gap: 10px;\n    }\n\n    .iiot-flow-node {\n      width: 100%;\n      max-width: 320px;\n    }\n\n    .iiot-flow-arrow {\n      transform: rotate(90deg);\n      margin: 2px 0;\n    }\n  }\n<\/style><\/div>       \n       \t     <\/div>\n  <\/div>\n<\/div>\n<!-- end Content Box Sliding Effect -->\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n<div class=\"elementor-element elementor-element-9ab81e1 e-con e-atomic-element e-flexbox-base e-7273dcb\" data-id=\"9ab81e1\" data-element_type=\"e-flexbox\" data-e-type=\"e-flexbox\" data-interaction-id=\"9ab81e1\">\n    \t\t\t\t<div class=\"premium-shape-divider__shape-container\" id=\"premium-shape-divider-04e35db\" 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-04e35db 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=\"04e35db\" 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-f832bca e-con-full e-flex e-con e-child\" data-id=\"f832bca\" 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-0a9b19f elementor-widget elementor-widget-heading\" data-id=\"0a9b19f\" 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\">Offrez \u00e0 votre syst\u00e8me industriel la capacit\u00e9 de \u00ab voir \u00bb<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6c9d18b elementor-widget elementor-widget-text-editor\" data-id=\"6c9d18b\" 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>De l'inspection et la mesure automatis\u00e9es \u00e0 la reconnaissance d'objets et au guidage robotis\u00e9, GPLG con\u00e7oit des syst\u00e8mes de vision industrielle adapt\u00e9s aux besoins concrets de la production.<\/p><h3 data-section-id=\"15l2t7p\" data-start=\"12078\" data-end=\"12116\">Discuter d'un projet \u00ab Vision \u00bb<\/h3>\t\t\t\t\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-5bce166 e-con-full e-flex e-con e-child\" data-id=\"5bce166\" 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-cb514f6 elementor-widget elementor-widget-button\" data-id=\"cb514f6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm elementor-animation-shrink\" href=\"https:\/\/gplg.pt\/contact\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-icon\">\n\t\t\t\t<i aria-hidden=\"true\" class=\"jltma-feather-icon jltma-feather-icon-arrow-up-right\"><\/i>\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Contacter GPLG<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\n<\/div>\n\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>skip render: ucaddon_sliding_content_box skip render: ucaddon_transparent_split_hero 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 skip render: ucaddon_sliding_content_box skip [&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-2306","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\/2306","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=2306"}],"version-history":[{"count":292,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2306\/revisions"}],"predecessor-version":[{"id":4969,"href":"https:\/\/gplg.pt\/fr\/wp-json\/wp\/v2\/pages\/2306\/revisions\/4969"}],"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=2306"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}