{"id":30,"date":"2026-08-28T13:54:45","date_gmt":"2026-08-28T13:54:45","guid":{"rendered":"http:\/\/hjjywov.cluster121.hosting.ovh.net\/?page_id=30"},"modified":"2026-09-10T09:45:20","modified_gmt":"2026-09-10T09:45:20","slug":"accueil","status":"publish","type":"page","link":"https:\/\/topoclimat.fr\/","title":{"rendered":"Accueil Topoclimat"},"content":{"rendered":"\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<style data-wp-block-html=\"css\">\n\/*=========================================================\n   TOPOCLIMAT \u2014 PREVISIONS 3 JOURS\n   CSS DU MODULE\n   ========================================================= *\/\n\n.tc-previsions {\n    width: 100%;\n    max-width: 1200px;\n    margin: 0 auto;\n    padding: 0;\n    box-sizing: border-box;\n    font-family: Arial, Helvetica, sans-serif;\n    position: relative;\n    top: -120px;\n}\n\n.tc-previsions *,\n.tc-previsions *::before,\n.tc-previsions *::after {\n    box-sizing: border-box;\n}\n\n\n\/* =========================================================\n   ENT\u00caTE\n   ========================================================= *\/\n\n.tc-previsions .tc-entete {\n    margin: 0 0 20px 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-sur-titre {\n    margin: 0 0 5px 0;\n    padding: 0;\n    color: #1775a8;\n    font-size: 11px;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 1.4px;\n}\n\n.tc-previsions .tc-entete h2 {\n    margin: 0 0 5px 0;\n    padding: 0;\n    color: #173b56;\n    font-size: 38px;\n    line-height: 1.15;\n    font-weight: 700;\n}\n\n.tc-previsions .tc-entete p {\n    margin: 0;\n    padding: 0;\n    color: #71828e;\n    font-size: 14px;\n    line-height: 1.4;\n}\n\n\n\/* =========================================================\n   LIGNE JOURS + \u00c9PH\u00c9M\u00c9RIDE\n   ========================================================= *\/\n\n.tc-previsions .tc-ligne-jours {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 24px;\n\n    width: 100%;\n    margin: 0 0 10px 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   JOURS\n   ========================================================= *\/\n\n.tc-previsions .tc-jours {\n    display: flex;\n    align-items: stretch;\n    flex: 0 0 auto;\n\n    width: auto;\n    gap: 8px;\n    margin: 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-jour {\n    flex: 0 1 auto;\n    width: auto;\n    min-width: 0;\n    height: 54px;\n    margin: 0;\n    padding: 0;\n\n    position: relative;\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n}\n\n.tc-previsions .tc-jour-fond {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: auto;\n    height: 54px;\n    min-height: 54px;\n\n    margin: 0;\n    padding: 0 18px;\n\n    border: 1px solid #d7e2e8;\n    border-radius: 8px;\n\n    background: #f3f7f9;\n    color: #526b7a;\n\n    text-align: center;\n\n    transition:\n        background-color .15s ease,\n        border-color .15s ease,\n        color .15s ease,\n        box-shadow .15s ease,\n        transform .15s ease;\n\n    pointer-events: none;\n}\n\n.tc-previsions .tc-jour[data-active=\"true\"] .tc-jour-fond {\n    background: #1f4b79;\n    border-color: #1f4b79;\n    color: #ffffff;\n\n    box-shadow:\n        0 3px 8px rgba(31, 75, 121, 0.20);\n\n    transform: translateY(-1px);\n}\n\n.tc-previsions .tc-jour:hover .tc-jour-fond {\n    background: #f4f7fa;\n    border-color: #9eb4c6;\n    color: #1f4b79;\n\n    box-shadow:\n        0 3px 7px rgba(31, 75, 121, 0.08);\n\n    transform: translateY(-1px);\n}\n\n.tc-previsions .tc-jour[data-active=\"true\"]:hover .tc-jour-fond {\n    background: #285d91;\n    border-color: #285d91;\n    color: #ffffff;\n\n    box-shadow:\n        0 4px 10px rgba(31, 75, 121, 0.24);\n}\n\n.tc-previsions .tc-jour:active .tc-jour-fond {\n    transform: translateY(0);\n\n    box-shadow:\n        0 1px 3px rgba(31, 75, 121, 0.12);\n}\n\n\n\/* =========================================================\n   TEXTE DES JOURS\n   ========================================================= *\/\n\n.tc-previsions .tc-jour-fond span {\n    display: block;\n\n    width: auto;\n    margin: 0;\n    padding: 0;\n\n    color: inherit;\n\n    font-size: 14px !important;\n    line-height: 1.2;\n\n    font-weight: 700;\n    letter-spacing: .5px;\n\n    text-align: center !important;\n    white-space: nowrap;\n}\n\n.tc-previsions .tc-jour-fond strong {\n    display: none !important;\n}\n\n\n\/* =========================================================\n   \u00c9PH\u00c9M\u00c9RIDE\n   ========================================================= *\/\n\n.tc-previsions .tc-ephemeride {\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n\n    flex: 0 0 auto;\n\n    min-height: 54px;\n\n    margin: 0;\n    padding: 7px 16px 8px 16px;\n\n    border: 1px solid #d7e2e8;\n    border-radius: 8px;\n\n    background: #ffffff;\n\n    color: #526b7a;\n\n    box-shadow:\n        0 2px 7px rgba(31, 75, 121, 0.06);\n}\n\n\n\/* =========================================================\n   TITRE \u00c9PH\u00c9M\u00c9RIDE\n   ========================================================= *\/\n\n.tc-previsions .tc-ephemeride-titre {\n    margin: 0 0 5px 0;\n    padding: 0;\n\n    color: #71828e;\n\n    font-size: 15px;\n    line-height: 1.1;\n\n    font-weight: 700;\n    letter-spacing: 1.2px;\n\n    text-align: center;\n}\n\n\n\/* =========================================================\n   DONN\u00c9ES \u00c9PH\u00c9M\u00c9RIDE\n   ========================================================= *\/\n\n.tc-previsions .tc-ephemeride-donnees {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 12px;\n\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   \u00c9L\u00c9MENTS \u00c9PH\u00c9M\u00c9RIDE\n   ========================================================= *\/\n\n.tc-previsions .tc-ephemeride-item {\n    display: flex;\n    align-items: center;\n\n    gap: 5px;\n\n    margin: 0;\n    padding: 0;\n\n    white-space: nowrap;\n}\n\n.tc-previsions .tc-ephemeride-icone {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    font-size: 16px;\n    line-height: 1;\n\n    margin: 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-ephemeride-label {\n    color: #71828e;\n\n    font-size: 13px;\n    line-height: 1.2;\n\n    font-weight: 600;\n}\n\n.tc-previsions .tc-ephemeride-item strong {\n    color: #173b56;\n\n    font-size: 15px;\n    line-height: 1.2;\n\n    font-weight: 700;\n}\n\n\n\/* =========================================================\n   S\u00c9PARATEURS\n   ========================================================= *\/\n\n.tc-previsions .tc-ephemeride-separateur {\n    width: 1px;\n    height: 20px;\n\n    flex: 0 0 1px;\n\n    margin: 0;\n    padding: 0;\n\n    background: #dce5eb;\n}\n\n\n\/* =========================================================\n   P\u00c9RIODES\n   ========================================================= *\/\n\n.tc-previsions .tc-periodes {\n    display: flex;\n    align-items: stretch;\n    flex-wrap: nowrap;\n\n    gap: 8px;\n\n    width: 100%;\n    margin: 0 0 20px 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-periode {\n    flex: 0 0 auto;\n    width: auto;\n    min-width: 180px;\n\n    height: 36px;\n    min-height: 36px;\n\n    margin: 0;\n    padding: 0;\n\n    position: relative;\n\n    cursor: pointer;\n    user-select: none;\n    outline: none;\n}\n\n.tc-previsions .tc-periode-fond {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    height: 36px;\n    min-height: 36px;\n\n    margin: 0;\n    padding: 0 14px;\n\n    border: 1px solid #d7e2e8;\n    border-radius: 7px;\n\n    background: #ffffff;\n    color: #526b7a;\n\n    font-size: 14px;\n    line-height: 1.2;\n    font-weight: 700;\n\n    text-align: center;\n\n    transition:\n        background-color .15s ease,\n        border-color .15s ease,\n        color .15s ease,\n        box-shadow .15s ease,\n        transform .15s ease;\n\n    pointer-events: none;\n}\n\n.tc-previsions .tc-periode[data-active=\"true\"] .tc-periode-fond {\n    background: #1f4b79;\n    border-color: #1f4b79;\n    color: #ffffff;\n\n    box-shadow:\n        0 2px 7px rgba(31, 75, 121, 0.18);\n\n    transform: translateY(-1px);\n}\n\n.tc-previsions .tc-periode:hover .tc-periode-fond {\n    background: #f4f7fa;\n    border-color: #9eb4c6;\n    color: #1f4b79;\n\n    box-shadow:\n        0 3px 7px rgba(31, 75, 121, 0.07);\n\n    transform: translateY(-1px);\n}\n\n.tc-previsions .tc-periode[data-active=\"true\"]:hover .tc-periode-fond {\n    background: #285d91;\n    border-color: #285d91;\n    color: #ffffff;\n\n    box-shadow:\n        0 3px 9px rgba(31, 75, 121, 0.22);\n}\n\n.tc-previsions .tc-periode:active .tc-periode-fond {\n    transform: translateY(0);\n\n    box-shadow:\n        0 1px 3px rgba(31, 75, 121, 0.12);\n}\n\n\n\/* =========================================================\n   POINT DES P\u00c9RIODES\n   ========================================================= *\/\n\n.tc-previsions .tc-point {\n    display: block;\n\n    width: 7px;\n    height: 7px;\n    min-width: 7px;\n\n    margin: 0 7px 0 0;\n    padding: 0;\n\n    border-radius: 50%;\n    background: #b9cbd4;\n\n    pointer-events: none;\n}\n\n.tc-previsions .tc-periode[data-active=\"true\"] .tc-point {\n    background: #ffffff;\n}\n\n\n\/* =========================================================\n   CONTENU PRINCIPAL\n   ========================================================= *\/\n\n.tc-previsions .tc-contenu {\n    display: flex;\n    flex-direction: row;\n    align-items: flex-start;\n\n    gap: 24px;\n\n    width: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-prevision {\n    flex: 1 1 0;\n    width: 0;\n    min-width: 0;\n\n    margin: 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-risque {\n    flex: 0 0 31%;\n    width: 31%;\n    max-width: 31%;\n    min-width: 0;\n\n    margin: -200px 0 0 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   CARTE DE PR\u00c9VISION\n   ========================================================= *\/\n\n.tc-previsions .tc-carte {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #eaf3f8;\n\n    border: 1px solid #d5e0e7;\n    border-radius: 8px;\n\n    box-shadow:\n        0 22px 45px rgba(31, 75, 121, 0.18),\n        0 10px 22px rgba(31, 75, 121, 0.12),\n        0 3px 8px rgba(31, 75, 121, 0.08);\n}\n\n\n\/* =========================================================\n   CARTE DE RISQUE\n   ========================================================= *\/\n\n.tc-previsions .tc-carte-risque {\n    width: 100%;\n    margin: 0 0 18px 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #eaf3f8;\n\n    border: 1px solid #d5e0e7;\n    border-radius: 8px;\n\n    box-shadow:\n        0 15px 32px rgba(31, 75, 121, 0.14),\n        0 6px 15px rgba(31, 75, 121, 0.09),\n        0 2px 6px rgba(31, 75, 121, 0.06);\n}\n\n\n\/* =========================================================\n   LIEN CARTE DE RISQUE ENTI\u00c8REMENT CLIQUABLE\n   ========================================================= *\/\n\n.tc-previsions .tc-carte-risque a {\n    display: block;\n    width: 100%;\n    margin: 0;\n    padding: 0;\n    line-height: 0;\n}\n\n.tc-previsions .tc-carte-risque a img {\n    display: block;\n    width: 100%;\n    height: auto;\n    margin: 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   IMAGES\n   ========================================================= *\/\n\n.tc-previsions img {\n    display: block;\n\n    width: 100%;\n    max-width: 100%;\n    height: auto;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n}\n\n\n\/* =========================================================\n   DESCRIPTION\n   ========================================================= *\/\n\n.tc-previsions .tc-description {\n    width: 100%;\n    margin: 0;\n    padding: 0;\n}\n\n.tc-previsions .tc-etiquette {\n    margin: 0 0 14px 0;\n    padding: 0;\n\n    color: #1775a8;\n\n    font-size: 12px;\n    line-height: 1.2;\n\n    font-weight: 700;\n    letter-spacing: .3px;\n}\n\n.tc-previsions .tc-description h3,\n.tc-previsions .tc-risque h3 {\n    margin: 0 0 12px 0;\n    padding: 0;\n\n    color: #173b56;\n\n    font-size: 17px;\n    line-height: 1.3;\n\n    font-weight: 700;\n}\n\n.tc-previsions .tc-description p,\n.tc-previsions .tc-risque p {\n    margin: 0;\n    padding: 0;\n\n    color: #71828e;\n\n    font-size: 14px;\n    line-height: 1.5;\n}\n\n\n\/* =========================================================\n   FOCUS CLAVIER\n   ========================================================= *\/\n\n.tc-previsions .tc-jour:focus-visible .tc-jour-fond,\n.tc-previsions .tc-periode:focus-visible .tc-periode-fond {\n    outline: 2px solid #1f4b79;\n    outline-offset: 2px;\n}\n\n\n\/* =========================================================\n   MOBILE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .tc-previsions {\n        top: -40px;\n    }\n\n    .tc-previsions .tc-ligne-jours {\n        flex-direction: column;\n        align-items: stretch;\n        gap: 10px;\n    }\n\n    .tc-previsions .tc-jours {\n        width: 100%;\n        gap: 5px;\n        flex-wrap: nowrap;\n    }\n\n    .tc-previsions .tc-jour {\n        flex: 1 1 0;\n        width: 0;\n        height: 52px;\n    }\n\n    .tc-previsions .tc-jour-fond {\n        width: 100%;\n        height: 52px;\n        min-height: 52px;\n        padding: 0 10px;\n    }\n\n    .tc-previsions .tc-jour-fond span {\n        margin: 0;\n        padding: 0;\n        font-size: 12px !important;\n        line-height: 1.2;\n        text-align: center !important;\n    }\n\n    .tc-previsions .tc-jour-fond strong {\n        display: none !important;\n    }\n\n    .tc-previsions .tc-ephemeride {\n        width: 100%;\n        min-height: 52px;\n        padding: 7px 10px 8px 10px;\n    }\n\n    .tc-previsions .tc-ephemeride-donnees {\n        gap: 8px;\n    }\n\n    .tc-previsions .tc-ephemeride-item {\n        gap: 4px;\n    }\n\n    .tc-previsions .tc-ephemeride-icone {\n        font-size: 14px;\n    }\n\n    .tc-previsions .tc-ephemeride-label {\n        font-size: 10px;\n    }\n\n    .tc-previsions .tc-ephemeride-item strong {\n        font-size: 11px;\n    }\n\n    .tc-previsions .tc-ephemeride-separateur {\n        height: 18px;\n    }\n\n    .tc-previsions .tc-entete h2 {\n        font-size: 34px;\n    }\n\n    .tc-previsions .tc-entete p {\n        font-size: 14px;\n    }\n\n    .tc-previsions .tc-risque h3 {\n        font-size: 22px;\n    }\n\n    .tc-previsions .tc-periodes {\n        gap: 5px;\n    }\n\n    .tc-previsions .tc-periode {\n        min-width: 0;\n        flex: 1 1 0;\n    }\n\n    .tc-previsions .tc-periode-fond {\n        height: 36px;\n        min-height: 36px;\n        padding: 0 8px;\n        font-size: 12px;\n        align-items: center;\n        justify-content: center;\n        text-align: center;\n    }\n\n    .tc-previsions .tc-contenu {\n        flex-direction: column;\n    }\n\n    .tc-previsions .tc-prevision,\n    .tc-previsions .tc-risque {\n        flex: none;\n        width: 100%;\n        max-width: 100%;\n    }\n\n    .tc-previsions .tc-risque {\n        margin: 30px 0 0 0;\n    }\n\n    .tc-previsions .tc-carte {\n        border-radius: 7px;\n\n        box-shadow:\n            0 16px 34px rgba(31, 75, 121, 0.16),\n            0 7px 17px rgba(31, 75, 121, 0.10),\n            0 2px 6px rgba(31, 75, 121, 0.07);\n    }\n\n    .tc-previsions .tc-carte-risque {\n        border-radius: 7px;\n\n        box-shadow:\n            0 12px 27px rgba(31, 75, 121, 0.13),\n            0 5px 13px rgba(31, 75, 121, 0.08),\n            0 2px 5px rgba(31, 75, 121, 0.06);\n    }\n}\n\n\n\/* =========================================================\n   TOPOCLIMAT \u2014 ARTICLES M\u00c9T\u00c9O\n   MASQUER L'EN-T\u00caTE WORDPRESS DU TH\u00c8ME\n   ========================================================= *\/\n\nbody.single-post .wp-block-post-title {\n    display: none !important;\n}\n\nbody.single-post .wp-block-post-author-name {\n    display: none !important;\n}\n\nbody.single-post .taxonomy-category {\n    display: none !important;\n}\n\nbody.single-post .wp-block-post-author-name\n    ~ .wp-block-paragraph {\n    display: none !important;\n}\n\nbody.single-post .wp-block-post-author-name\n    + .wp-block-paragraph {\n    display: none !important;\n}\n\n\n\/* =========================================================\n   TOPOCLIMAT \u2014 TITRE \"PR\u00c9VISIONS\"\n   ========================================================= *\/\n\n.tc-previsions .tc-entete h2 {\n    font-size: 38px !important;\n}\n\n\n\/* =========================================================\n   TOPOCLIMAT \u2014 TITRE \"RISQUES EN COURS\"\n   BANDEAU BLEU\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-titre {\n    display: flex;\n    align-items: center;\n\n    width: 100%;\n    min-height: 44px;\n\n    margin: 0 0 12px 0;\n    padding: 9px 14px;\n\n    box-sizing: border-box;\n\n    color: #ffffff;\n    background: #1f4b79;\n\n    border: 0;\n    border-radius: 7px;\n\n    font-size: 16px;\n    line-height: 1.2;\n\n    font-weight: 700;\n    letter-spacing: 0.4px;\n}\n\n\n\/* =========================================================\n   COULEURS PERSONNALIS\u00c9ES PAR PH\u00c9NOM\u00c8NE\n   ========================================================= *\/\n\n\n\/* =========================================================\n   CHALEUR\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"1\"]::before {\n    background: #901c1c;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"2\"]::before {\n    background: #6a1b1b;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"3\"]::before {\n    background: #451010;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"4\"]::before {\n    background: #8f2475;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"5\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"chaleur\"][data-niveau=\"5\"]::before {\n    background: #d870d8;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   ORAGES\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"1\"]::before {\n    background: #538a17;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"2\"]::before {\n    background: #dcaf07;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"3\"]::before {\n    background: #e37c16;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"4\"]::before {\n    background: #cd1e1c;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"5\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"orages\"][data-niveau=\"5\"]::before {\n    background: #8f158c;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   PLUIE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"1\"]::before {\n    background: #389959;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"2\"]::before {\n    background: #c2a60b;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"3\"]::before {\n    background: #b66e3a;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"pluie\"][data-niveau=\"4\"]::before {\n    background: #872e2e;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   VENT\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"1\"]::before {\n    background: #bc7a7a;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"2\"]::before {\n    background: #b66e3a;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"3\"]::before {\n    background: #792323;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"4\"]::before {\n    background: #4f1616;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"5\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"vent\"][data-niveau=\"5\"]::before {\n    background: #5f1f6b;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   FROID\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"1\"]::before {\n    background: #4aa2d5;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"2\"]::before {\n    background: #3761b4;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"3\"]::before {\n    background: #3333ad;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"4\"]::before {\n    background: #303366;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"5\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"froid\"][data-niveau=\"5\"]::before {\n    background: #7448aa;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   NEIGE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"1\"]::before {\n    background: #80d9e6;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"2\"]::before {\n    background: #318e9b;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"3\"]::before {\n    background: #346aa2;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"4\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"4\"]::before {\n    background: #173a61;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"5\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"neige\"][data-niveau=\"5\"]::before {\n    background: #864ab7;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   VERGLAS\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"1\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"1\"]::before {\n    background: #3f8b9b;\n    color: #173b56;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"2\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"2\"]::before {\n    background: #953cc8;\n    color: #ffffff;\n}\n\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"3\"] .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-phenomene=\"verglas\"][data-niveau=\"3\"]::before {\n    background: #471d5c;\n    color: #ffffff;\n}\n\n\n\/* =========================================================\n   NIVEAU 0\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"] .tc-risque-niveau {\n    background: var(--tc-risque-inactif);\n    color: #71828e;\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]::before {\n    background: var(--tc-risque-inactif);\n}\n\n\n\n\/* =========================================================\n   BLOCS DES RISQUES\n   ========================================================= *\/\n\n.tc-previsions .tc-risques-phenomenes {\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    gap: 6px;\n}\n\n\n\/* =========================================================\n   BOUTON \/ LIGNE DE RISQUE\n   HAUTEUR R\u00c9DUITE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene {\n    display: flex;\n    align-items: center;\n\n    position: relative;\n\n    width: 100%;\n    min-height: 44px;\n    height: 44px;\n\n    margin: 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background:\n        linear-gradient(\n            90deg,\n            #ffffff 0%,\n            #fbfdfe 100%\n        );\n\n    border: 1px solid #d5e0e7;\n    border-radius: 8px;\n\n    color: var(--tc-risque-texte);\n\n    text-decoration: none;\n\n    box-shadow:\n        0 2px 6px rgba(31, 75, 121, 0.06),\n        0 1px 2px rgba(31, 75, 121, 0.03);\n\n    transition:\n        border-color .18s ease,\n        background-color .18s ease,\n        box-shadow .18s ease,\n        transform .18s ease;\n}\n\n\n\/* =========================================================\n   L\u00c9GER EFFET INTERNE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene::after {\n    content: \"\";\n\n    position: absolute;\n\n    top: 0;\n    left: 5px;\n    right: 58px;\n    bottom: 0;\n\n    pointer-events: none;\n\n    background:\n        linear-gradient(\n            180deg,\n            rgba(255,255,255,0.55) 0%,\n            rgba(255,255,255,0) 55%\n        );\n}\n\n\n\/* =========================================================\n   PETIT INDICATEUR COLOR\u00c9 \u00c0 GAUCHE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene::before {\n    content: \"\";\n\n    display: block;\n\n    flex: 0 0 4px;\n\n    width: 4px;\n    height: 100%;\n\n    margin: 0;\n    padding: 0;\n\n    align-self: stretch;\n\n    background: var(--tc-risque-inactif);\n\n    transition:\n        width .18s ease,\n        box-shadow .18s ease;\n}\n\n\n\/* =========================================================\n   IC\u00d4NE DU PH\u00c9NOM\u00c8NE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-icone {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    flex: 0 0 30px;\n\n    width: 30px;\n    min-width: 30px;\n\n    margin: 0;\n    padding: 0;\n\n    color: #173b56;\n\n    font-size: 18px;\n    line-height: 1;\n\n    text-align: center;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================================\n   ZONE IC\u00d4NE IMAGE\n   HAUTEUR R\u00c9DUITE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene-icon {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    width: 38px !important;\n    height: 38px !important;\n\n    min-width: 38px !important;\n    max-width: 38px !important;\n\n    flex: 0 0 38px !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    position: relative;\n    z-index: 2;\n}\n\n\n\/* =========================================================\n   IMAGE DE L'IC\u00d4NE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene-icon img {\n    display: block !important;\n\n    width: 29px !important;\n    height: 29px !important;\n\n    min-width: 29px !important;\n    min-height: 29px !important;\n\n    max-width: 29px !important;\n    max-height: 29px !important;\n\n    object-fit: contain !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    border: 0 !important;\n\n    transition:\n        transform .18s ease,\n        filter .18s ease;\n}\n\n\n\/* =========================================================\n   NOM DU PH\u00c9NOM\u00c8NE\n   TEXTE CONSERV\u00c9 \u00c0 LA M\u00caME TAILLE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene-nom {\n    display: flex !important;\n    align-items: center !important;\n\n    flex: 1 1 auto !important;\n\n    min-width: 0 !important;\n\n    height: 100% !important;\n\n    margin: 0 !important;\n    padding: 5px 10px 5px 8px !important;\n\n    color: #173b56;\n\n    font-size: 13px;\n    line-height: 1.2;\n\n    font-weight: 700;\n    letter-spacing: .5px;\n\n    white-space: nowrap;\n\n    position: relative;\n    z-index: 2;\n\n    gap: 8px !important;\n}\n\n\n\/* =========================================================\n   TEXTE DU RISQUE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene-nom-texte {\n    display: block !important;\n\n    margin: 0 !important;\n    padding: 0 !important;\n\n    white-space: nowrap !important;\n\n    color: inherit;\n\n    overflow: hidden;\n    text-overflow: ellipsis;\n}\n\n\n\/* =========================================================\n   BLOC DU NIVEAU\n   HAUTEUR R\u00c9DUITE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-niveau {\n    display: flex !important;\n    align-items: center !important;\n    justify-content: center !important;\n\n    flex: 0 0 58px !important;\n\n    width: 58px;\n    min-width: 58px;\n\n    height: 100% !important;\n    min-height: 44px;\n\n    margin: 0;\n    padding: 0 7px;\n\n    color: #ffffff;\n\n    font-size: 14px;\n    line-height: 1;\n\n    font-weight: 800;\n\n    text-align: center;\n\n    position: relative;\n    z-index: 3;\n\n    box-shadow:\n        inset 1px 0 rgba(255,255,255,0.18);\n\n    transition:\n        filter .18s ease,\n        box-shadow .18s ease;\n}\n\n\n\/* =========================================================\n   VALEUR DU NIVEAU\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-niveau-valeur {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    position: relative;\n    z-index: 2;\n\n    margin: 0;\n    padding: 0;\n\n    color: inherit;\n\n    font-size: inherit;\n    line-height: inherit;\n\n    font-weight: 800;\n\n    white-space: nowrap;\n}\n\n\n\/* =========================================================\n   COULEURS DES NIVEAUX\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"1\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-1);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"2\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-2);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"3\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-3);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"4\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-4);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"5\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-5);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"6\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-niveau-6);\n}\n\n\n\/* =========================================================\n   NIVEAU 0 = AUCUN RISQUE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]\n    .tc-risque-niveau {\n    background: var(--tc-risque-inactif);\n    color: #71828e;\n\n    box-shadow:\n        inset 1px 0 rgba(31,75,121,0.04);\n}\n\n\n\/* =========================================================\n   RISQUE NIVEAU 0 \u2014 FOND\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"] {\n    background:\n        linear-gradient(\n            90deg,\n            #f7f9fa 0%,\n            #f1f4f6 100%\n        );\n\n    border-color: #d7e0e5;\n    color: #8a969e;\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]\n    .tc-risque-phenomene-nom,\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]\n    .tc-risque-niveau,\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]\n    .tc-risque-niveau-valeur {\n    color: #8a969e;\n}\n\n\n\/* =========================================================\n   INDICATEUR NIVEAU 0\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]::before {\n    background: var(--tc-risque-inactif);\n}\n\n\n\/* =========================================================\n   INDICATEURS COLOR\u00c9S\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"1\"]::before {\n    background: var(--tc-risque-niveau-1);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"2\"]::before {\n    background: var(--tc-risque-niveau-2);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"3\"]::before {\n    background: var(--tc-risque-niveau-3);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"4\"]::before {\n    background: var(--tc-risque-niveau-4);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"5\"]::before {\n    background: var(--tc-risque-niveau-5);\n}\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"6\"]::before {\n    background: var(--tc-risque-niveau-6);\n}\n\n\n\/* =========================================================\n   SURVOL DES LIGNES DE RISQUE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:hover {\n    border-color: #b7c9d5;\n\n    background:\n        linear-gradient(\n            90deg,\n            #ffffff 0%,\n            #f7fbfd 100%\n        );\n\n    box-shadow:\n        0 5px 12px rgba(31, 75, 121, 0.10),\n        0 2px 4px rgba(31, 75, 121, 0.05);\n\n    transform: translateY(-1px);\n}\n\n\n\/* =========================================================\n   SURVOL \u2014 INDICATEUR\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:hover::before {\n    width: 5px;\n    flex-basis: 5px;\n}\n\n\n\/* =========================================================\n   SURVOL \u2014 IC\u00d4NE\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:hover\n    .tc-risque-phenomene-icon img {\n    transform: scale(1.06);\n}\n\n\n\/* =========================================================\n   SURVOL \u2014 NIVEAU\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:hover\n    .tc-risque-niveau {\n    filter: brightness(1.035);\n\n    box-shadow:\n        inset 1px 0 rgba(255,255,255,0.20),\n        inset 0 1px rgba(255,255,255,0.12);\n}\n\n\n\/* =========================================================\n   NIVEAU 0 \u2014 PAS D'EFFET DE SURVOL COLOR\u00c9\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene[data-niveau=\"0\"]:hover {\n    background:\n        linear-gradient(\n            90deg,\n            #f3f6f8 0%,\n            #e9eef1 100%\n        );\n\n    border-color: #cbd6dc;\n    color: #7d8991;\n}\n\n\n\/* =========================================================\n   ACTION\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:active {\n    transform: translateY(0);\n\n    box-shadow:\n        0 2px 5px rgba(31, 75, 121, 0.08);\n}\n\n\n\/* =========================================================\n   FOCUS CLAVIER \u2014 RISQUES\n   ========================================================= *\/\n\n.tc-previsions .tc-risque-phenomene:focus-visible {\n    outline: 2px solid #1f4b79;\n    outline-offset: 2px;\n}\n\n\n\/* =========================================================\n   BLOCS DE NIVEAU TOPOCLIMAT\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau {\n    --tc-couleur-niveau: #1f4b79;\n\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n    min-height: 46px;\n\n    margin: 0 0 12px 0;\n    padding: 9px 14px;\n\n    background: var(--tc-couleur-niveau);\n    color: #ffffff;\n\n    border: 0;\n    border-radius: 7px;\n\n    font-size: 15px;\n    line-height: 1.2;\n\n    font-weight: 700;\n    letter-spacing: .4px;\n\n    text-align: center;\n\n    box-shadow:\n        0 4px 10px rgba(31, 75, 121, 0.14);\n\n    transition:\n        background-color .2s ease,\n        box-shadow .2s ease,\n        transform .2s ease;\n}\n\n\n\/* =========================================================\n   TEXTE DU NIVEAU\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau-label {\n    display: inline-block;\n\n    margin: 0;\n    padding: 0;\n\n    color: inherit;\n\n    font-size: inherit;\n    line-height: inherit;\n\n    font-weight: 700;\n    letter-spacing: inherit;\n\n    text-align: center;\n}\n\n.tc-previsions .tc-niveau-valeur {\n    display: inline-block;\n\n    margin: 0 0 0 5px;\n    padding: 0;\n\n    color: inherit;\n\n    font-size: inherit;\n    line-height: inherit;\n\n    font-weight: 800;\n    letter-spacing: inherit;\n}\n\n\n\/* =========================================================\n   VARIANTE \u2014 NIVEAU SUR CARTE\n   ========================================================= *\/\n\n.tc-previsions .tc-carte-niveau {\n    position: relative;\n}\n\n.tc-previsions .tc-carte-niveau .tc-niveau {\n    position: absolute;\n\n    top: 12px;\n    left: 12px;\n\n    z-index: 5;\n\n    width: auto;\n    min-width: 110px;\n\n    margin: 0;\n\n    padding: 8px 12px;\n\n    border-radius: 6px;\n\n    box-shadow:\n        0 4px 12px rgba(0, 0, 0, 0.16);\n}\n\n\n\/* =========================================================\n   VARIANTE \u2014 NIVEAU SOUS UNE CARTE\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau-sous-carte {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 100%;\n\n    margin: 10px 0 0 0;\n    padding: 0;\n}\n\n\n\/* =========================================================\n   NIVEAU AVEC ASPECT TOPOCLIMAT\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau-topoclimat {\n    justify-content: flex-start;\n\n    text-align: left;\n\n    border-radius: 6px;\n\n    box-shadow:\n        0 3px 8px rgba(31, 75, 121, 0.12);\n}\n\n\n\/* =========================================================\n   \u00c9L\u00c9MENT GRAPHIQUE DU NIVEAU\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau-point {\n    display: inline-block;\n\n    width: 8px;\n    height: 8px;\n\n    min-width: 8px;\n\n    margin: 0 8px 0 0;\n\n    padding: 0;\n\n    border-radius: 50%;\n\n    background: rgba(255, 255, 255, 0.95);\n}\n\n\n\/* =========================================================\n   NIVEAU \u2014 EFFET AU SURVOL\n   ========================================================= *\/\n\n.tc-previsions .tc-niveau:hover {\n    transform: translateY(-1px);\n\n    box-shadow:\n        0 5px 13px rgba(31, 75, 121, 0.18);\n}\n\n\n\/* =========================================================\n   BOUTON \"JOURS SUIVANTS\"\n   ========================================================= *\/\n\n.tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n}\n\n.tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond span {\n    display: block !important;\n}\n\n.tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond strong {\n    display: block !important;\n    color: inherit;\n    font-size: 14px !important;\n    line-height: 1.2;\n    font-weight: 700;\n    letter-spacing: 0.5px;\n    text-align: center !important;\n    white-space: nowrap;\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 NIVEAUX\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .tc-previsions .tc-niveau {\n        min-height: 42px;\n\n        margin: 0 0 10px 0;\n        padding: 8px 11px;\n\n        font-size: 13px;\n        line-height: 1.2;\n\n        border-radius: 6px;\n    }\n\n    .tc-previsions .tc-niveau-point {\n        width: 7px;\n        height: 7px;\n\n        min-width: 7px;\n\n        margin-right: 6px;\n    }\n\n    .tc-previsions .tc-carte-niveau .tc-niveau {\n        top: 8px;\n        left: 8px;\n\n        min-width: 95px;\n\n        padding: 7px 9px;\n\n        font-size: 12px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 CARTE DE RISQUE\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .tc-previsions .tc-risque-titre {\n        min-height: 42px;\n\n        margin: 0 0 12px 0;\n        padding: 9px 12px;\n\n        font-size: 16px;\n        line-height: 1.2;\n    }\n\n\n    \/* =====================================================\n       RISQUES MOBILE\n       ===================================================== *\/\n\n    .tc-previsions .tc-risques-phenomenes {\n        gap: 5px;\n    }\n\n    .tc-previsions .tc-risque-phenomene {\n        min-height: 42px;\n        height: 42px;\n\n        border-radius: 7px;\n    }\n\n\n    \/* =====================================================\n       IC\u00d4NE MOBILE\n       ===================================================== *\/\n\n    .tc-previsions .tc-risque-icone {\n        flex: 0 0 28px;\n\n        width: 28px;\n        min-width: 28px;\n\n        font-size: 17px;\n    }\n\n    .tc-previsions .tc-risque-phenomene-icon {\n        width: 36px !important;\n        height: 36px !important;\n\n        min-width: 36px !important;\n        max-width: 36px !important;\n\n        flex: 0 0 36px !important;\n    }\n\n    .tc-previsions .tc-risque-phenomene-icon img {\n        width: 27px !important;\n        height: 27px !important;\n\n        min-width: 27px !important;\n        min-height: 27px !important;\n\n        max-width: 27px !important;\n        max-height: 27px !important;\n    }\n\n\n    \/* =====================================================\n       NOM MOBILE\n       TEXTE CONSERV\u00c9 \u00c0 UNE TAILLE LISIBLE\n       ===================================================== *\/\n\n    .tc-previsions .tc-risque-phenomene-nom {\n        height: 100% !important;\n\n        padding: 5px 7px 5px 5px !important;\n\n        font-size: 12px;\n        letter-spacing: .4px;\n\n        gap: 6px !important;\n    }\n\n\n    \/* =====================================================\n       NIVEAU MOBILE\n       ===================================================== *\/\n\n    .tc-previsions .tc-risque-niveau {\n        flex: 0 0 52px !important;\n\n        width: 52px;\n        min-width: 52px;\n\n        min-height: 42px;\n\n        padding: 0 5px;\n\n        font-size: 12px;\n    }\n\n\n    \/* =====================================================\n       INDICATEUR MOBILE\n       ===================================================== *\/\n\n    .tc-previsions .tc-risque-phenomene::before {\n        flex-basis: 4px;\n        width: 4px;\n    }\n\n    .tc-previsions .tc-risque-phenomene:hover::before {\n        width: 5px;\n        flex-basis: 5px;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 BOUTON \"JOURS SUIVANTS\"\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond {\n        flex-direction: column;\n    }\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond span {\n        display: block !important;\n        font-size: 12px !important;\n    }\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond strong {\n        display: block !important;\n        font-size: 12px !important;\n        line-height: 1.2;\n    }\n}\n\n\n\/* =========================================================\n   MOBILE \u2014 JOURS DES PR\u00c9VISIONS\n   JOUR COMPLET EN HAUT + DATE EN DESSOUS\n   ========================================================= *\/\n\n@media (max-width: 700px) {\n\n    \/* Ligne des jours *\/\n    .tc-previsions .tc-jours {\n        display: flex !important;\n        align-items: stretch !important;\n        width: 100% !important;\n        gap: 5px !important;\n        flex-wrap: nowrap !important;\n    }\n\n    \/* Chaque bouton *\/\n    .tc-previsions .tc-jour {\n        flex: 1 1 0 !important;\n        width: 0 !important;\n        min-width: 0 !important;\n        height: 52px !important;\n    }\n\n    \/* Rectangle *\/\n    .tc-previsions .tc-jour-fond {\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n\n        width: 100% !important;\n        height: 52px !important;\n        min-height: 52px !important;\n\n        padding: 3px 1px !important;\n\n        text-align: center !important;\n        overflow: hidden !important;\n    }\n\n    \/* =====================================================\n       NOM DU JOUR\n       ===================================================== *\/\n\n    .tc-previsions .tc-jour-fond span {\n        display: block !important;\n\n        width: 100% !important;\n        max-width: 100% !important;\n\n        margin: 0 !important;\n        padding: 0 !important;\n\n        color: inherit !important;\n\n        font-size: 9px !important;\n        line-height: 1.2 !important;\n\n        font-weight: 700 !important;\n        letter-spacing: 0 !important;\n\n        text-align: center !important;\n\n        white-space: nowrap !important;\n\n        overflow: visible !important;\n        text-overflow: clip !important;\n    }\n\n    \/* =====================================================\n       DATE\n       ===================================================== *\/\n\n    .tc-previsions .tc-jour-fond strong {\n        display: block !important;\n\n        width: 100% !important;\n\n        margin: 2px 0 0 0 !important;\n        padding: 0 !important;\n\n        color: inherit !important;\n\n        font-size: 12px !important;\n        line-height: 1.2 !important;\n\n        font-weight: 700 !important;\n\n        text-align: center !important;\n\n        white-space: nowrap !important;\n\n        overflow: visible !important;\n        text-overflow: clip !important;\n    }\n\n    \/* =====================================================\n       JOURS SUIVANTS\n       ===================================================== *\/\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond {\n        display: flex !important;\n        flex-direction: column !important;\n        align-items: center !important;\n        justify-content: center !important;\n\n        padding: 3px 1px !important;\n    }\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond span {\n        display: block !important;\n\n        width: auto !important;\n\n        font-size: 9px !important;\n        line-height: 1.2 !important;\n\n        white-space: nowrap !important;\n\n        overflow: visible !important;\n        text-overflow: clip !important;\n    }\n\n    .tc-previsions .tc-jour.tc-jour-suivants .tc-jour-fond strong {\n        display: block !important;\n\n        width: auto !important;\n\n        margin: 2px 0 0 0 !important;\n\n        font-size: 9px !important;\n        line-height: 1.2 !important;\n\n        white-space: nowrap !important;\n\n        overflow: visible !important;\n        text-overflow: clip !important;\n    }\n}\n\n\n\/* =========================================================\n   PUBLICIT\u00c9 \/ PARTENARIAT\n   ========================================================= *\/\n\n.tc-previsions .tc-publicite {\n    width: 100%;\n    max-width: 500px;\n\n    margin: 18px 0 18px 0;\n    padding: 0;\n\n    overflow: hidden;\n\n    background: #ffffff;\n\n    border: 1px solid #d5e0e7;\n    border-radius: 8px;\n\n    box-shadow:\n        0 8px 18px rgba(31, 75, 121, 0.09),\n        0 3px 8px rgba(31, 75, 121, 0.06);\n}\n\n.tc-previsions .tc-publicite img {\n    display: block;\n\n    width: 100%;\n    max-width: 500px;\n    height: auto;\n\n    margin: 0;\n    padding: 0;\n\n    border: 0;\n}\n\n\/* =========================================================\nLIEN PUBLICITAIRE\n========================================================= *\/\n\n.tc-previsions .tc-publicite-lien {\ndisplay: block;\n\nwidth: 100%;\nmargin: 0;\npadding: 0;\n\nline-height: 0;\n\ntext-decoration: none;\n\n}\n\n\/* =========================================================\nIMAGE PUBLICITAIRE\n========================================================= *\/\n\n.tc-previsions .tc-publicite img {\ndisplay: block;\n\nwidth: 100%;\nheight: auto;\n\nmax-width: 100%;\n\nmargin: 0;\npadding: 0;\n\nborder: 0;\n\nobject-fit: cover;\n\ntransition:\n    opacity .18s ease,\n    transform .18s ease;\n\n}\n\n\/* =========================================================\nSURVOL\n========================================================= *\/\n\n.tc-previsions .tc-publicite-lien:hover img {\nopacity: 0.94;\n}\n\n\/* =========================================================\nFOCUS CLAVIER\n========================================================= *\/\n\n.tc-previsions .tc-publicite-lien:focus-visible {\noutline: 2px solid #1f4b79;\noutline-offset: 2px;\n}\n\n\/* =========================================================\nMOBILE\n========================================================= *\/\n\n@media (max-width: 700px) {\n\n.tc-previsions .tc-publicite {\n    margin: 16px 0 16px 0;\n\n    border-radius: 7px;\n\n    box-shadow:\n        0 6px 15px rgba(31, 75, 121, 0.08),\n        0 2px 6px rgba(31, 75, 121, 0.05);\n}\n\n.tc-previsions .tc-publicite img {\n    width: 100%;\n    height: auto;\n}\n\n}\n\n\n\/* =========================================================\n   FIN DU CSS TOPOCLIMAT\n   ========================================================= *\/\n<\/style>\n\n<script data-wp-block-html=\"js\">\n\/* JavaScript d\u00e9plac\u00e9 dans WPCode *\/\n<\/script>\n\n<div class=\"tc-previsions\">\n\n <!-- =====================================================\n     ENT\u00caTE\n     ===================================================== -->\n\n<div class=\"tc-entete\">\n\n    <div class=\"tc-sur-titre\"><\/div>\n\n    <h2>Pr\u00e9visions<\/h2>\n\n    <p>\n        Pr\u00e9visions m\u00e9t\u00e9orologiques expertis\u00e9es sur 3 jours.\n    <\/p>\n\n<\/div>\n\n\n<!-- =====================================================\n     JOURS + SOLEIL DU JOUR\n     ===================================================== -->\n\n<div class=\"tc-ligne-jours\">\n\n    <div class=\"tc-jours\" role=\"tablist\" aria-label=\"Choisir un jour\">\n\n        <div class=\"tc-jour\" role=\"tab\" tabindex=\"0\" data-index=\"0\" data-active=\"false\" aria-selected=\"false\">\n\n            <div class=\"tc-jour-fond\">\n                <span><\/span>\n                <strong><\/strong>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tc-jour\" role=\"tab\" tabindex=\"0\" data-index=\"1\" data-active=\"false\" aria-selected=\"false\">\n\n            <div class=\"tc-jour-fond\">\n                <span><\/span>\n                <strong><\/strong>\n            <\/div>\n\n        <\/div>\n\n\n        <div class=\"tc-jour\" role=\"tab\" tabindex=\"0\" data-index=\"2\" data-active=\"false\" aria-selected=\"false\">\n\n            <div class=\"tc-jour-fond\">\n                <span><\/span>\n                <strong><\/strong>\n            <\/div>\n\n        <\/div>\n\n\n        <a class=\"tc-jour tc-jour-suivants\" href=\"\/index.php\/previsions\/\" aria-label=\"Voir les pr\u00e9visions des jours suivants\">\n\n            <div class=\"tc-jour-fond\">\n\n                <span>Jours<\/span>\n\n                <strong style=\"display: inline;\">\n                    suivants\n                <\/strong>\n\n            <\/div>\n\n        <\/a>\n\n    <\/div>\n\n\n    <!-- =================================================\n         SOLEIL DU JOUR\n         ================================================= -->\n\n    <div class=\"tc-ephemeride\">\n\n        <div class=\"tc-ephemeride-titre\">\n            SOLEIL DU JOUR\n        <\/div>\n\n        <div class=\"tc-ephemeride-donnees\">\n\n            <div class=\"tc-ephemeride-item\">\n\n                <span class=\"tc-ephemeride-icone\">\n                    \ud83c\udf05\n                <\/span>\n\n                <span class=\"tc-ephemeride-label\">\n                    Lever\n                <\/span>\n\n                <strong id=\"tc-soleil-lever\">\n                    &#8211;:&#8211;\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"tc-ephemeride-separateur\"><\/div>\n\n\n            <div class=\"tc-ephemeride-item\">\n\n                <span class=\"tc-ephemeride-icone\">\n                    \ud83c\udf07\n                <\/span>\n\n                <span class=\"tc-ephemeride-label\">\n                    Coucher\n                <\/span>\n\n                <strong id=\"tc-soleil-coucher\">\n                    &#8211;:&#8211;\n                <\/strong>\n\n            <\/div>\n\n\n            <div class=\"tc-ephemeride-separateur\"><\/div>\n\n\n            <div class=\"tc-ephemeride-item\">\n\n                <span class=\"tc-ephemeride-icone\">\n                    \u2600\n                <\/span>\n\n                <span class=\"tc-ephemeride-label\">\n                    Dur\u00e9e\n                <\/span>\n\n                <strong id=\"tc-soleil-duree\">\n                    &#8211;h&#8211;\n                <\/strong>\n\n            <\/div>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =====================================================\n     BOUTONS DES P\u00c9RIODES\n     ===================================================== -->\n\n<div class=\"tc-periodes\" role=\"tablist\" aria-label=\"Choisir une p\u00e9riode\">\n\n    <div class=\"tc-periode\" role=\"tab\" tabindex=\"0\" data-periode=\"jour\" data-active=\"true\" aria-selected=\"true\">\n\n        <div class=\"tc-periode-fond\">\n\n            <span class=\"tc-point\"><\/span>\n\n            <span class=\"tc-texte-periode\">\n                Matin \/ Apr\u00e8s-midi\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n\n    <div class=\"tc-periode\" role=\"tab\" tabindex=\"0\" data-periode=\"nuit\" data-active=\"false\" aria-selected=\"false\">\n\n        <div class=\"tc-periode-fond\">\n\n            <span class=\"tc-point\"><\/span>\n\n            <span class=\"tc-texte-periode\">\n                Soir\u00e9e \/ Nuit\n            <\/span>\n\n        <\/div>\n\n    <\/div>\n\n<\/div>\n\n\n<!-- =====================================================\n     CONTENU PRINCIPAL\n     ===================================================== -->\n\n<div class=\"tc-contenu\">\n\n\n    <!-- =================================================\n         PR\u00c9VISION\n         ================================================= -->\n\n    <div class=\"tc-prevision\">\n\n        <div class=\"tc-carte\">\n\n            <img decoding=\"async\" id=\"tc-image-prevision\" src=\"https:\/\/placehold.co\/1200x650\/eaf3f8\/176b9c?text=PREVISION+JOUR\" alt=\"Carte de pr\u00e9vision m\u00e9t\u00e9orologique\">\n\n        <\/div>\n\n\n        <div class=\"tc-description\">\n\n            <h3 id=\"tc-titre-prevision\">\n                Pr\u00e9vision \u2014 Matin \/ Apr\u00e8s-midi\n            <\/h3>\n\n            <p id=\"tc-texte-prevision\">\n                Retrouvez ici la pr\u00e9vision m\u00e9t\u00e9orologique\n                d\u00e9taill\u00e9e pour la matin\u00e9e et l&rsquo;apr\u00e8s-midi.\n            <\/p>\n\n        <\/div>\n\n    <\/div>\n\n\n    <!-- =================================================\n         COLONNE DROITE\n         ================================================= -->\n\n    <div class=\"tc-risque\">\n\n\n        <!-- =================================================\n             RISQUES EN COURS\n             ================================================= -->\n\n        <div class=\"tc-risque-titre\">\n            RISQUES EN COURS\n        <\/div>\n\n\n        <!-- =================================================\n             PH\u00c9NOM\u00c8NES \/ NIVEAUX DE RISQUE\n             ================================================= -->\n\n        <div class=\"tc-risques-phenomenes\">\n\n\n            <!-- =================================================\n                 CHALEUR \u2014 5 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/chaleur\/\" data-phenomene=\"chaleur\" data-niveau=\"0\" data-niveau-max=\"5\" aria-label=\"Voir le risque chaleur niveau 0 sur 5\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_chaleur.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        CHALEUR\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/5\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 ORAGES \u2014 5 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/orages\/\" data-phenomene=\"orages\" data-niveau=\"0\" data-niveau-max=\"5\" aria-label=\"Voir le risque orages niveau 0 sur 5\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_orages.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        ORAGES\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/5\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 PLUIE \u2014 4 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/pluie\/\" data-phenomene=\"pluie\" data-niveau=\"0\" data-niveau-max=\"4\" aria-label=\"Voir le risque pluie niveau 0 sur 4\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_pluie.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        PLUIE\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/4\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 VENT \u2014 5 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/vent\/\" data-phenomene=\"vent\" data-niveau=\"0\" data-niveau-max=\"5\" aria-label=\"Voir le risque vent niveau 0 sur 5\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_vent.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        VENT\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/5\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 FROID \u2014 5 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/froid\/\" data-phenomene=\"froid\" data-niveau=\"0\" data-niveau-max=\"5\" aria-label=\"Voir le risque froid niveau 0 sur 5\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_froid.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        FROID\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/5\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 NEIGE \u2014 5 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/neige\/\" data-phenomene=\"neige\" data-niveau=\"0\" data-niveau-max=\"5\" aria-label=\"Voir le risque neige niveau 0 sur 5\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_neige.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        NEIGE\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/5\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n            <!-- =================================================\n                 VERGLAS \u2014 3 NIVEAUX\n                 ================================================= -->\n\n            <a class=\"tc-risque-phenomene\" href=\"\/index.php\/risques\/verglas\/\" data-phenomene=\"verglas\" data-niveau=\"0\" data-niveau-max=\"3\" aria-label=\"Voir le risque verglas niveau 0 sur 3\">\n\n                <div class=\"tc-risque-phenomene-nom\">\n\n                    <span class=\"tc-risque-phenomene-icon\">\n\n                        <img decoding=\"async\" src=\"\/wp-content\/uploads\/2026\/09\/icon_verglas.png\" alt=\"\" aria-hidden=\"true\">\n\n                    <\/span>\n\n                    <span class=\"tc-risque-phenomene-nom-texte\">\n                        VERGLAS\n                    <\/span>\n\n                <\/div>\n\n\n                <div class=\"tc-risque-niveau\">\n\n                    <span class=\"tc-risque-niveau-valeur\">\n                        0\/3\n                    <\/span>\n\n                <\/div>\n\n            <\/a>\n\n\n        <\/div>\n\n\n        <!-- =================================================\n             PUBLICIT\u00c9 \/ PARTENARIAT\n             ================================================= -->\n\n        <div class=\"tc-publicite\">\n\n            <a href=\"#\" class=\"tc-publicite-lien\" target=\"_blank\" rel=\"noopener noreferrer\" aria-label=\"D\u00e9couvrir notre partenaire\">\n\n                <img decoding=\"async\" src=\"https:\/\/topoclimat.fr\/wp-content\/uploads\/2026\/09\/ici_votre_pub.png\" alt=\"Notre partenaire\">\n\n            <\/a>\n\n        <\/div>\n\n\n        <!-- =================================================\n             ACTUALIT\u00c9 M\u00c9T\u00c9O\n             ================================================= -->\n\n        <div class=\"tc-actualite-wrapper\">\n\n        <\/div>\n\n\n    <\/div>\n\n<\/div><\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Pr\u00e9visions Pr\u00e9visions m\u00e9t\u00e9orologiques expertis\u00e9es sur 3 jours. Jours suivants SOLEIL DU JOUR \ud83c\udf05 Lever &#8211;:&#8211; \ud83c\udf07 Coucher &#8211;:&#8211; \u2600 Dur\u00e9e &#8211;h&#8211; Matin \/ Apr\u00e8s-midi Soir\u00e9e \/ Nuit Pr\u00e9vision \u2014 Matin \/ Apr\u00e8s-midi Retrouvez ici la pr\u00e9vision m\u00e9t\u00e9orologique d\u00e9taill\u00e9e pour la matin\u00e9e et l&rsquo;apr\u00e8s-midi. RISQUES EN COURS CHALEUR 0\/5 ORAGES 0\/5 PLUIE 0\/4 VENT 0\/5 FROID [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-30","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/pages\/30","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/comments?post=30"}],"version-history":[{"count":173,"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions"}],"predecessor-version":[{"id":726,"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/pages\/30\/revisions\/726"}],"wp:attachment":[{"href":"https:\/\/topoclimat.fr\/index.php\/wp-json\/wp\/v2\/media?parent=30"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}