{"id":4740,"date":"2025-11-19T18:27:33","date_gmt":"2025-11-19T17:27:33","guid":{"rendered":"https:\/\/www.vigiclim.exelys.io\/?page_id=4740"},"modified":"2026-08-25T15:49:53","modified_gmt":"2026-08-25T13:49:53","slug":"previsions-par-localite","status":"publish","type":"page","link":"https:\/\/www.vigiclim.exelys.io\/index.php\/previsions-par-localite\/","title":{"rendered":"Pr\u00e9visions par localit\u00e9"},"content":{"rendered":"<div class=\"fusion-fullwidth fullwidth-box fusion-builder-row-1 fusion-flex-container has-pattern-background has-mask-background hundred-percent-fullwidth non-hundred-percent-height-scrolling\" style=\"--awb-border-radius-top-left:0px;--awb-border-radius-top-right:0px;--awb-border-radius-bottom-right:0px;--awb-border-radius-bottom-left:0px;--awb-flex-wrap:wrap;\" ><div class=\"fusion-builder-row fusion-row fusion-flex-align-items-flex-start fusion-flex-content-wrap\" style=\"width:103% !important;max-width:103% !important;margin-left: calc(-3% \/ 2 );margin-right: calc(-3% \/ 2 );\"><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-0 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:15%;--awb-spacing-right-large:9.7%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:9.7%;--awb-width-medium:15%;--awb-order-medium:0;--awb-spacing-right-medium:9.7%;--awb-spacing-left-medium:9.7%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-1 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:60%;--awb-spacing-right-large:2.425%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:2.425%;--awb-width-medium:60%;--awb-order-medium:0;--awb-spacing-right-medium:2.425%;--awb-spacing-left-medium:2.425%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><div\n  style=\"width: 100%; max-width: 1400px; margin: 0 auto; border-radius: 12px; overflow: hidden; background: transparent;\">\n  <iframe id=\"sodexam-widget-iframe\"\n    style=\"width: 100%; min-height: 500px; border: none; overflow: hidden; display: block; transition: height 0.3s ease-out;\"\n    scrolling=\"no\" srcdoc='\n<html class=\"ion-palette-dark\">\n<head>\n    <script>\n        window.WIDGET_ASSETS_BASE_URL = \"\/wp-content\/uploads\/widgets\/ivory-coast\/\";\n    <\/script>\n    <link rel=\"stylesheet\" href=\"\/wp-content\/uploads\/widgets\/ivory-coast\/styles.css\">\n    <style>\n        html, body {\n          margin: 0; padding: 0; \n          width: 100%; height: auto !important; \n          background: transparent;\n          overflow: hidden !important; \n        }\n        \n        #widget-container {\n          width: 100%; \n          height: max-content !important; \n          display: flow-root; \n        }\n\n        ivory-coast-forecast .vueTabCol ion-img {\n            max-height: 40px !important;\n            width: auto !important;\n        }\n        ivory-coast-forecast .windArrow {\n            max-height: 30px !important;\n        }\n\t\t#widget-container ivory-coast-forecast .warning {\n\t\t\twidth : 160px;\n            height : 90px\n\t\t}\n        #widget-container ivory-coast-forecast .warning:hover {\n                    transform:scale(1.04)\n\t\t}\n        @media (min-width: 992px) {\n            ivory-coast-forecast .forecastTableRowContent {\n                padding-top: 5px !important;\n                padding-bottom: 5px !important;\n            }\n        }\n\t\t.widget-parent {\n          container-type: inline-size;\n          container-name: mon-widget; \n\t\t}\n\t\t\n\t\t@container mon-widget (min-width: 800px) {\n          .daily-cards-container {\n          \tjustify-content: center;\n          }\n\t\t\n\t\t}\n    <\/style>\n<\/head>\n<body>\n    <div id=\"widget-container\" class=\"widget-parent\">\n        <ivory-coast-forecast\n              id=\"my-widget\" \n              id-poi=\"0\" \n              lang=\"fr\" \n              assets-base-url=\"\/wp-content\/uploads\/widgets\/ivory-coast\/\"\n              warning-page-url=\"\/index.php\/vigilances\/\"\n              style=\"display: block !important;\">\n        <\/ivory-coast-forecast>\n    <\/div>\n\n    <script>\n      try {\n          const urlParams = new URLSearchParams(window.parent.location.search);\n          const idPoiFromUrl = urlParams.get(\"idPoi\");\n          if (idPoiFromUrl) {\n              document.getElementById(\"my-widget\").setAttribute(\"id-poi\", idPoiFromUrl);\n          }\n      } catch (e) {}\n\n      let lastHeight = 0;\n      const container = document.getElementById(\"widget-container\");\n\n      const sendHeight = () => {\n          if (!container) return;\n          const currentHeight = container.offsetHeight;\n\n          if (Math.abs(currentHeight - lastHeight) > 3 && currentHeight > 100) {\n              lastHeight = currentHeight;\n              window.parent.postMessage({\n                  type: \"resize-sodexam-iframe\",\n                  height: currentHeight\n              }, \"*\");\n          }\n      };\n\n      const observer = new ResizeObserver(sendHeight);\n      observer.observe(container);\n\n      setTimeout(sendHeight, 500);\n\n      window.addEventListener(\"wheel\", function(event) {\n        const horizontalContainer = event.target.closest(\".scroll[scrollX=true]\");\n        const isScrollingHorizontally = !!event.shiftKey;\n        console.log(isScrollingHorizontally)\n\n        if (horizontalContainer && isScrollingHorizontally) {\n          return;\n        }\n\n        window.parent.postMessage({\n          type: \"scroll-parent\",\n          deltaY: event.deltaY\n        }, \"*\");\n      }, { passive: true });\n    <\/script>\n    <script src=\"\/wp-content\/uploads\/widgets\/ivory-coast\/ivory-coast-widgets.js\" defer><\/script>\n    <\/body>\n\n    <\/html>'>\n  <\/iframe>\n<\/div>\n\n<script>\n\n  let targetScrollY = window.scrollY;\n  let currentScrollY = window.scrollY;\n  let isScrolling = false;\n  const smoothingFactor = 0.08;\n\n  function smoothScroll() {\n    const distance = targetScrollY - currentScrollY;\n\n    if (Math.abs(distance) < 0.5) {\n      isScrolling = false;\n      return;\n    }\n\n    currentScrollY += distance * smoothingFactor;\n\n    window.scrollTo(0, currentScrollY);\n\n    requestAnimationFrame(smoothScroll);\n  }\n\n  window.addEventListener(\"message\", function (event) {\n    if (!event.data) return;\n\n    if (event.data.type === \"resize-sodexam-iframe\") {\n      const iframe = document.getElementById(\"sodexam-widget-iframe\");\n      if (iframe) {\n        iframe.style.height = event.data.height + \"px\";\n      }\n    }\n\n    if (event.data.type === \"scroll-parent\") {\n      targetScrollY += event.data.deltaY;\n\n      const maxScroll = document.documentElement.scrollHeight - window.innerHeight;\n      targetScrollY = Math.max(0, Math.min(targetScrollY, maxScroll));\n\n      if (!isScrolling) {\n        isScrolling = true;\n        currentScrollY = window.scrollY;\n        requestAnimationFrame(smoothScroll);\n      }\n    }\n  });\n\n  window.addEventListener('scroll', () => {\n    if (!isScrolling) {\n      targetScrollY = window.scrollY;\n      currentScrollY = window.scrollY;\n    }\n  });\n\n<\/script><\/div><\/div><div class=\"fusion-layout-column fusion_builder_column fusion-builder-column-2 fusion-flex-column\" style=\"--awb-bg-size:cover;--awb-width-large:25%;--awb-spacing-right-large:5.82%;--awb-margin-bottom-large:0px;--awb-spacing-left-large:5.82%;--awb-width-medium:25%;--awb-order-medium:0;--awb-spacing-right-medium:5.82%;--awb-spacing-left-medium:5.82%;--awb-width-small:100%;--awb-order-small:0;--awb-spacing-right-small:1.455%;--awb-spacing-left-small:1.455%;\" data-scroll-devices=\"small-visibility,medium-visibility,large-visibility\"><div class=\"fusion-column-wrapper fusion-column-has-shadow fusion-flex-justify-content-flex-start fusion-content-layout-column\"><iframe height=\"900\" style=\"width: 100%; border: none; overflow: hidden; display: block;\" srcdoc='<html class=\"ion-palette-dark\">\n\n    <head>\n        <script>\n            window.WIDGET_ASSETS_BASE_URL = \"\/wp-content\/uploads\/widgets\/ivory-coast\/\";\n        <\/script>\n\n        <link rel=\"stylesheet\" href=\"\/wp-content\/uploads\/widgets\/ivory-coast\/styles.css\">\n        <style>\n            html, body {\n                margin: 0;\n                padding: 0;\n                width: 100%;\n                height: 100% !important;\n                overflow: hidden !important;\n                background: transparent;\n                box-sizing: border-box;\n            }\n\n            .container {\n                border: 2px solid #bebebe;\n                background-color: rgba(15, 15, 15, 0.65);\n                border-radius: 15px;\n                max-width: 900px;\n                \/* Calcule automatiquement la hauteur restante pour inclure la marge de 154px dans les 800px de l iframe *\/\n                height: calc(100% - 164px) !important;\n                margin: 0 auto 10px auto;\n                padding: 15px;\n                box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);\n                box-sizing: border-box;\n                display: flex;\n                flex-direction: column;\n            }\n\n            #my-widget {\n                display: flex;\n                flex-direction: column;\n                height: 100% !important;\n                width: 100%;\n            }\n\n            #my-widget#background-content {\n                background-color: #fff !important;\n                background: #fff !important;\n            }\n        <\/style>\n    <\/head>\n\n    <body>\n        <div class=\"container\">\n            <app-search-widget \n                id=\"my-widget\" \n                lang=\"fr\"\n                assets-base-url=\"\/wp-content\/uploads\/widgets\/ivory-coast\/\"\n                forecast-page-url=\"\/index.php\/previsions-par-localite\/\">\n            <\/app-search-widget>\n        <\/div>\n        <script src=\"\/wp-content\/uploads\/widgets\/ivory-coast\/ivory-coast-widgets.js\"><\/script>\n    <\/body>\n    <\/html>\n    '>\n<\/iframe><\/div><\/div><\/div><\/div>\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"100-width.php","meta":{"footnotes":""},"class_list":["post-4740","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/comments?post=4740"}],"version-history":[{"count":10,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740\/revisions"}],"predecessor-version":[{"id":5000,"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/pages\/4740\/revisions\/5000"}],"wp:attachment":[{"href":"https:\/\/www.vigiclim.exelys.io\/index.php\/wp-json\/wp\/v2\/media?parent=4740"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}