[{"id":"b7dc072","elType":"container","settings":{"flex_direction":"column","flex_justify_content":"center","flex_align_items":"center","background_background":"classic","padding":{"unit":"px","top":"50","right":"50","bottom":"50","left":"50","isLinked":true},"__globals__":{"background_color":"globals\/colors?id=text"},"boxed_width":{"unit":"px","size":1565,"sizes":[]},"padding_mobile":{"unit":"px","top":"25","right":"25","bottom":"25","left":"25","isLinked":true},"_title":"Avantages"},"elements":[{"id":"004e406","elType":"container","settings":{"content_width":"full","flex_direction":"row","_title":"Avantages \u2014 mise en page"},"elements":[{"id":"c69c23a","elType":"container","settings":{"content_width":"full","width":{"unit":"%","size":15,"sizes":[]},"hide_mobile":"hidden-mobile","_title":"Avantages \u2014 vide"},"elements":[],"isInner":true},{"id":"6553c1e","elType":"container","settings":{"content_width":"full","width":{"unit":"%","size":70,"sizes":[]},"margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_title":"Avantages \u2014 titres"},"elements":[{"id":"d2943dc","elType":"widget","settings":{"title":"Les avantages","header_size":"p","align":"center","__globals__":{"typography_typography":"globals\/typography?id=surtitre"}},"elements":[],"widgetType":"heading"},{"id":"6615f89","elType":"widget","settings":{"title":"Une solution fiable, simple<br>et s\u00e9curis\u00e9e","header_size":"h2","_margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":false},"_padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":false},"__globals__":{"title_color":"","typography_typography":"globals\/typography?id=titre_section"},"_margin_mobile":{"unit":"px","top":"0","right":"0","bottom":"25","left":"0","isLinked":false},"_margin_tablet":{"unit":"px","top":"0","right":"0","bottom":"25","left":"0","isLinked":false},"title_color":"#FFFFFF","align":"center"},"elements":[],"widgetType":"heading"}],"isInner":true},{"id":"4cedfb2","elType":"container","settings":{"content_width":"full","width":{"unit":"%","size":15,"sizes":[]},"flex_justify_content":"flex-end","flex_align_items":"flex-end","flex_align_items_mobile":"center","margin":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"padding":{"unit":"px","top":"0","right":"0","bottom":"0","left":"0","isLinked":true},"_title":"Avantages \u2014 grille (HTML)"},"elements":[{"id":"3786a10","elType":"widget","settings":{"html":"<style>\r\n    \/* Fl\u00e8ches *\/\r\n.custom-arrows-gamme {\r\n  display: flex;\r\n  gap: 16px;\r\n  justify-content: flex-end;\r\n  padding: 0 20px;\r\n  margin-bottom: 20px;\r\n  opacity: 1;\r\n  pointer-events: none;\r\n  transition: opacity 0.3s ease;\r\n  position: relative;\r\n}\r\n\r\n.gamme-swiper-wrapper-container:hover .custom-arrows-gamme {\r\n  opacity: 1;\r\n  pointer-events: auto;\r\n}\r\n\r\n.swipe-indicator-gamme {\r\n  cursor: pointer;\r\n  width: 50px;\r\n  height: 60px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  opacity: 1;\r\n  visibility: visible;\r\n  pointer-events: auto;\r\n  transition: opacity 0.4s ease, visibility 0.4s ease;\r\n}\r\n\r\n.swipe-indicator-gamme.hidden {\r\n  opacity: 0;\r\n  visibility: hidden;\r\n  pointer-events: none;\r\n}\r\n\r\n.arrow-img {\r\n  width: 40px;\r\n  height: auto;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n  .custom-arrows-gamme {\r\n    position: static;\r\n    justify-content: flex-end;\r\n    margin-top: 20px;\r\n    padding: 0;\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n  .elementor-element.elementor-element-f55de47.elementor-widget.elementor-widget-html {\r\n    margin-left: auto;\r\n}\r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"custom-arrows-gamme\">\r\n    <div class=\"swipe-indicator-gamme hidden\" id=\"swipe-prev-gamme\">\r\n      <img src=\"\/wp-content\/uploads\/2025\/07\/icon-arrow-backward-outline\" alt=\"Pr\u00e9c\u00e9dent\" class=\"arrow-img\" \/>\r\n    <\/div>\r\n    <div class=\"swipe-indicator-gamme\" id=\"swipe-next-gamme\">\r\n      <img src=\"\/wp-content\/uploads\/2025\/07\/icon-arrow-forward-outline.png\" alt=\"Suivant\" class=\"arrow-img\" \/>\r\n    <\/div>\r\n  <\/div>"},"elements":[],"widgetType":"html"}],"isInner":true}],"isInner":true},{"id":"f481448","elType":"widget","settings":{"html":"<style>\r\n\/* === SWIPER AVANTAGES === *\/\r\n.avantage-swiper-wrapper-container {\r\n  margin-top: 30px;\r\n  position: relative;\r\n  z-index: 2;\r\n  cursor: grab;\r\n}\r\n\r\n.avantage-swiper-wrapper-container:active {\r\n  cursor: grabbing;\r\n}\r\n\r\n.avantage-swiper {\r\n  padding-bottom: 40px;\r\n  overflow: visible;\r\n}\r\n\r\n.avantage-swiper .swiper-wrapper {\r\n  gap: 0;\r\n  align-items: stretch;\r\n}\r\n\r\n.avantage-swiper .swiper-slide {\r\n  background: #F7F7F7;\r\n  border-radius: 8px;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: stretch;\r\n  text-align: left;\r\n  margin-right: 15px;\r\n  width: 400px;\r\n  max-width: none;\r\n  padding: 35px;\r\n  height: 550px;\r\n}\r\n\r\n.avantage-swiper .avantage-slide-content img {\r\n  max-height: 300px;\r\n  object-fit: contain;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.avantage-swiper .avantage-badge {\r\n  color: #212121;\r\n  line-height: 30px;\r\n  font-size: 30px;\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.avantage-swiper hr {\r\n  margin-bottom: 25px;\r\n}\r\n\r\n.avantage-swiper .avantage-label {\r\n  color: rgba(33, 33, 33, .55);\r\n}\r\n\r\n.avantage-swiper {\r\n  padding-right: 120px; \r\n}\r\n\r\n\r\n<\/style>\r\n\r\n<div class=\"avantage-swiper-wrapper-container\">\r\n  <div class=\"swiper avantage-swiper\">\r\n    <div class=\"swiper-wrapper\">\n      <div class=\"swiper-slide\">\n        <div class=\"avantage-slide-content\">\n          <img src=\"\/wp-content\/uploads\/2026\/09\/avantage-gamme-complete.png\" alt=\"\" width=\"101\" height=\"88\">\n          <div class=\"avantage-badge\">Une gamme compl\u00e8te de produits<\/div>\n          <hr>\n          <div class=\"avantage-label\">Etic Telecom est votre guichet unique pour la construction d\u2019une solution SCADA en proposant toutes les briques de base d\u2019un syst\u00e8me SCADA : concentrateur VPN (SIG), routeur industriel (IPL), switch SHDSL (XSLAN).<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <div class=\"avantage-slide-content\">\n          <img src=\"\/wp-content\/uploads\/2026\/09\/avantage-expertise-service.png\" alt=\"\" width=\"101\" height=\"88\">\n          <div class=\"avantage-badge\">Une expertise et un service<\/div>\n          <hr>\n          <div class=\"avantage-label\">Depuis 1985, Etic Telecom propose \u00e0 ses clients son savoir-faire en mati\u00e8re de Telecom &amp; R\u00e9seaux, de la conception du besoin (d\u00e9finition avec le client de son architecture Telecom) jusqu\u2019\u00e0 l\u2019aide \u00e0 la mise en place de la solution retenue.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <div class=\"avantage-slide-content\">\n          <img src=\"\/wp-content\/uploads\/2026\/09\/avantage-gamme-industrielle.png\" alt=\"\" width=\"101\" height=\"88\">\n          <div class=\"avantage-badge\">Une gamme industrielle<\/div>\n          <hr>\n          <div class=\"avantage-label\">Les produits Etic Telecom sont Simples, S\u00fbrs et Solides. Garantie 5 ans, la nouvelle gamme Rail DIN de routeurs industriels et serveurs VPN r\u00e9pond aux niveaux d\u2019exigence les plus \u00e9lev\u00e9s.<\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"swiper-slide\">\n        <div class=\"avantage-slide-content\">\n          <img src=\"\/wp-content\/uploads\/2026\/09\/avantage-dns-gratuit.png\" alt=\"\" width=\"101\" height=\"88\">\n          <div class=\"avantage-badge\">Solution DNS gratuite<\/div>\n          <hr>\n          <div class=\"avantage-label\">Pour des sites isol\u00e9s, vous pouvez utiliser un IPL cellulaire et la fonction DYNDNS propri\u00e9taire d\u2019Etic Telecom (EticDNS) afin de faire converger les tunnels VPN sans utiliser d\u2019adresse IP publique fixe.<\/div>\n        <\/div>\n      <\/div>\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  const swiperAvantage = new Swiper('.avantage-swiper', {\r\n    slidesPerView: 1.2,\r\n    spaceBetween: 0,\r\n    loop: false,\r\n    centeredSlides: false,\r\n    breakpoints: {\r\n      768: {\r\n        slidesPerView: 2,\r\n        spaceBetween: 0\r\n      },\r\n      1024: {\r\n        slidesPerView: 4.5,\r\n        spaceBetween: 0\r\n      }\r\n    }\r\n  });\r\n\r\n  const swipeNextGamme = document.getElementById('swipe-next-gamme');\r\n  const swipePrevGamme = document.getElementById('swipe-prev-gamme');\r\n\r\n  const updateArrows = () => {\r\n    swipePrevGamme.classList.toggle('hidden', swiperAvantage.isBeginning);\r\n    swipeNextGamme.classList.toggle('hidden', swiperAvantage.isEnd);\r\n  };\r\n\r\n  swipeNextGamme?.addEventListener('click', () => {\r\n    swiperAvantage.slideNext();\r\n    setTimeout(updateArrows, 100);\r\n  });\r\n\r\n  swipePrevGamme?.addEventListener('click', () => {\r\n    swiperAvantage.slidePrev();\r\n    setTimeout(updateArrows, 100);\r\n  });\r\n\r\n  swiperAvantage.el?.addEventListener('wheel', function (e) {\r\n    if (e.shiftKey) {\r\n      e.preventDefault();\r\n      e.deltaY > 0 ? swiperAvantage.slideNext() : swiperAvantage.slidePrev();\r\n      setTimeout(updateArrows, 100);\r\n    }\r\n  }, { passive: false });\r\n\r\n  swiperAvantage.on('slideChange resize touchEnd transitionEnd', updateArrows);\r\n  updateArrows();\r\n});\r\n<\/script>\r\n"},"elements":[],"widgetType":"html"}],"isInner":false}]