{"id":4168,"date":"2023-01-01T00:00:00","date_gmt":"2022-12-31T23:00:00","guid":{"rendered":"https:\/\/www.macifavantages.fr\/?post_type=partner&#038;p=4168"},"modified":"2025-10-29T17:40:59","modified_gmt":"2025-10-29T16:40:59","slug":"vacanceole","status":"publish","type":"partner","link":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/","title":{"rendered":"Vacanc\u00e9ole"},"content":{"rendered":"\n\n<div class=\"block-macif partner-main\" data-aos=\"fade-up\" data-aos-duration=\"600\">\n\n    <div class=\"row large-gutters justify-content-center\">\n        <div class=\"col-12 col-lg-8 order-last\">\n            <div class=\"sticky\">\n                <!-- BLOCK A -->\n                                <div class=\"partner-zone-a d-flex partner-heading-univers-has-gallery flex-column flex-column-reverse justify-content-end\">\n\n                    <div class=\"d-block d-lg-none\">\n                        <!-- A0 - A1 LOGO -->\n                        \n<div class=\"partner-heading d-flex align-items-end\">\n    <div class=\"partner-heading-logo\">\n        <img decoding=\"async\" class=\"partner-heading-logo-img\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2022\/01\/Logo-vacanceole-location-vacances-france-bleu-225x112-1.png?func=bound&#038;w=225&#038;h=112\" alt=\"\">\n    <\/div>\n    <h1 class=\"partner-heading-title\">\n        Vacanc\u00e9ole            <\/h1>\n<\/div>\n                    <\/div>\n\n                                    <\/div>\n\n                <!-- BLOCK B -->\n                                    <div class=\"partner-zone-b\">\n                        <div class=\"partner-offer\">\n\n                            <div class=\"partner-offer-heading d-lg-flex justify-content-between\">\n                                <div class=\"partner-offer-heading-title\">\n                                                                            Offres Macif Avantages                                                                    <\/div>\n                                <!-- A8 TYPE D'OFFRE -->\n                                <div class=\"partner-types\">\n    <div class=\"d-flex justify-content-end flex-wrap\">\n                        <span class=\"partner-types-item\">\n                    Code promo                <\/span>\n                    <\/div>\n<\/div>\n\n                            <\/div>\n\n                                                            <div class=\"d-lg-block d-none\">\n                                    <div\n        class=\"partner-offer-card d-flex flex-column partner-offer-card-main js-card-content js-gtm-partner-offer-single js-gtm-offer-item\"\n                data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offre principale\"\n                        data-gtm-is-partner-offer=\"1\"\n                >\n    <div class=\"card-heading\">\n        <div class=\"row no-gutters\">\n            <div class=\"col-12 col-lg-4\">\n                <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/10\/orion-carre-visuel-macif-Alexandra-1.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\"\/>\n                    <figcaption><\/figcaption>\n                <\/figure>\n            <\/div>\n            <div class=\"col-12 col-lg-8\">\n                <div class=\"card-heading-content d-flex flex-column h-100\">\n                                        <div class=\"card-heading-content-titles mb-4\">\n                        <div class=\"card-heading-content-title\">\n                            -8% ou -10%                        <\/div>\n                                                    <div class=\"card-heading-content-subtitle\">\n                                sur les locations de vacances, m\u00eame sur les promos                            <\/div>\n                                                                    <\/div>\n\n                    <div class=\"card-heading-content-buttons\">\n                                                    <div>\n                                <button class=\"button m-0 js-gtm-partner-offer-open-coupon-modal js-gtm-offer-item-activation\"\n                                        data-toggle=\"modal\"\n                                        data-target=\"#js-modal-coupon-4904\"\n                                                data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offre principale\"\n                data-gtm-offer-method=\"Commande en ligne\"\n                        data-gtm-is-partner-offer=\"1\"\n                                                >\n                                    J&#8217;en profite                                <\/button>\n                            <\/div>\n                                                    \n                                <div>\n                                    <button\n                                       class=\" button-phone js-button-phone-open-accordion js-partneroffer-contact-cta-4904 js-gtm-partner-offer-btn-purchase js-gtm-partner-offer-purchase-direct\"\n                                                data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offre principale\"\n                data-gtm-offer-method=\"T\u00e9l\u00e9phone\"\n                        data-gtm-is-partner-offer=\"1\"\n                                                    >\n                                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                                            <path fill=\"#0A2D82\"\n                                                  d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\"\/>\n                                        <\/svg>\n                                                                            <\/button>\n                                <\/div>\n                                                    <\/div>\n\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"card-content\">\n        <div class=\"card-accordion js-card-accordion-HowItWorks\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-presentation-4904\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-presentation-4904\">\n                Comment \u00e7a marche ?                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-presentation-4904\">\n                <div class=\"collapse-content\">\n                                        <div class=\"wysiwyg\">\n                        <div class=\"content partner-content js-contact-id-33094\" data-display-all=\"0\">\n\n    <div class=\"content-title\">\n        <i class=\"icon icon-smartphone\"><\/i>\n        Sur un simple appel    <\/div>\n\n        <div>\n        <ol>\n                                            <p style=\"text-align: center;\">Code : <b>AVAMACIF7<\/b><\/p>\n                                    <\/ol>\n    <\/div>\n    \n            <div class=\"text-center\">\n            <div class=\"phone-cartridge commonplace\">\n                                    <div class=\"display phone-cartridge-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                            <path fill=\"#0A2D82\"\n                                  d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\"\/>\n                        <\/svg>\n                        <a href=\"tel:04 79 75 75 27\">04 79 75 75 27<\/a>\n                    <\/div>\n                \n                                    <div class=\"phone-cartridge-bgcolor\">\n                        <p class=\"phone-cartridge-tarifs text-white\">(co\u00fbt selon op\u00e9rateur)<br><\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div class=\"content-subtitle text-center\">\n        <p style=\"text-align: center;\">du lundi au vendredi de 8h30 \u00e0 20h30,<br \/>\nle samedi de 10h00 \u00e0 17h00<\/p>\n    <\/div>\n<\/div>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande.<\/p>\n<\/p>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-accordion\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-conditions-4904\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-conditions-4904\">\n                D\u00e9tails et conditions de l&#8217;offre                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\"\/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-conditions-4904\">\n                <div class=\"wysiwyg\">\n                    <div class=\"mention-numero\">\n<p>-8% pendant les vacances scolaires.<br \/>\n-10% hors vacances scolaires.<br \/>\nOffres non r\u00e9troactives, valables selon disponibilit\u00e9s. Remises cumulables avec les promotions.<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                                <\/div>\n                            \n                                                            <div class=\"js-swiper-partner-offers swiper-partner-offers swiper-container\">\n                                    <div class=\"swiper-wrapper\">\n                                        <div class=\"swiper-slide d-lg-none d-block\">\n                                                                                            <div\n        class=\"partner-offer-card d-flex flex-column js-gtm-partner-offer-single js-gtm-offer-item\"\n                data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                        data-gtm-is-partner-offer=\"1\"\n                >\n    <div class=\"card-heading\">\n                    <picture>\n                <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/10\/orion-carre-visuel-macif-Alexandra-1.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\" \/>\n                    <figcaption><\/figcaption>\n                <\/figure>\n            <\/picture>\n                <div class=\"card-heading-content \">\n            <div class=\"card-heading-content-title\">\n                -8% ou -10%            <\/div>\n                            <div class=\"card-heading-content-subtitle\">\n                    sur les locations de vacances, m\u00eame sur les promos                <\/div>\n                                <\/div>\n    <\/div>\n    <div class=\"card-content js-card-content\">\n        <div class=\"d-flex justify-content-between mb-3 mb-lg-4\">\n                    <\/div>\n        <div class=\"card-accordion js-card-accordion-HowItWorks\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-presentation-4904\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-presentation-4904\">\n                Comment \u00e7a marche ?                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-presentation-4904\">\n                <div class=\"collapse-content\">\n                                        <div class=\"wysiwyg\">\n                        <div class=\"content partner-content js-contact-id-33094\" data-display-all=\"0\">\n\n    <div class=\"content-title\">\n        <i class=\"icon icon-smartphone\"><\/i>\n        Sur un simple appel    <\/div>\n\n        <div>\n        <ol>\n                                            <p style=\"text-align: center;\">Code : <b>AVAMACIF7<\/b><\/p>\n                                    <\/ol>\n    <\/div>\n    \n            <div class=\"text-center\">\n            <div class=\"phone-cartridge commonplace\">\n                                    <div class=\"display phone-cartridge-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                            <path fill=\"#0A2D82\"\n                                  d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\"\/>\n                        <\/svg>\n                        <a href=\"tel:04 79 75 75 27\">04 79 75 75 27<\/a>\n                    <\/div>\n                \n                                    <div class=\"phone-cartridge-bgcolor\">\n                        <p class=\"phone-cartridge-tarifs text-white\">(co\u00fbt selon op\u00e9rateur)<br><\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div class=\"content-subtitle text-center\">\n        <p style=\"text-align: center;\">du lundi au vendredi de 8h30 \u00e0 20h30,<br \/>\nle samedi de 10h00 \u00e0 17h00<\/p>\n    <\/div>\n<\/div>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande.<\/p>\n<\/p>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-accordion\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-conditions-4904\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-conditions-4904\">\n                D\u00e9tails et conditions de l&#8217;offre                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-conditions-4904\">\n                <div class=\"wysiwyg\">\n                    <div class=\"mention-numero\">\n<p>-8% pendant les vacances scolaires.<br \/>\n-10% hors vacances scolaires.<br \/>\nOffres non r\u00e9troactives, valables selon disponibilit\u00e9s. Remises cumulables avec les promotions.<\/p>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-buttons\">\n            <div class=\"d-flex flex-column\" style=\"gap: 1rem;\">\n                                    <div>\n                        <button class=\"button m-0 js-gtm-partner-offer-open-coupon-modal js-gtm-offer-item-activation\"\n                                data-toggle=\"modal\"\n                                data-target=\"#js-modal-coupon-4904\"\n                                        data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"Commande en ligne\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            J&#8217;en profite                        <\/button>\n                    <\/div>\n\n                                <\/div>\n            \n                    <div class=\"\">\n                        <button\n                           class=\" button-phone js-button-phone-open-accordion js-partneroffer-contact-cta-4904 js-gtm-partner-offer-btn-purchase js-gtm-partner-offer-purchase-direct\"\n                                    data-id=\"4904\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Vacanc\u00e9ole\"\n        data-gtm-offer-type=\"avantage\"\n        data-partner-offer-id=\"4904\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"T\u00e9l\u00e9phone\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                                <path fill=\"#0A2D82\"\n                                      d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\" \/>\n                            <\/svg>\n                                                    <\/button>\n                    <\/div>\n                            <\/div>\n    <\/div>\n<\/div>\n\n                                                                                    <\/div>\n                                                                                                                                    <div class=\"swiper-slide\">\n                                                    <div\n        class=\"partner-offer-card d-flex flex-column js-gtm-partner-offer-single js-gtm-offer-item\"\n                data-id=\"2096398\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Avant-premi\u00e8re vacances \u00e9t\u00e9 : jusqu'\u00e0 -20% - D\u00e9cembre - 2025\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2096398\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                        data-gtm-is-partner-offer=\"1\"\n                >\n    <div class=\"card-heading\">\n                    <picture>\n                <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/12\/Visuel-eb-ete-texte-500x500-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\" \/>\n                    <figcaption><\/figcaption>\n                <\/figure>\n            <\/picture>\n                <div class=\"card-heading-content \">\n            <div class=\"card-heading-content-title\">\n                Avant-premi\u00e8re \u00e9t\u00e9 : jusqu&#8217;\u00e0 -20%            <\/div>\n                            <div class=\"card-heading-content-subtitle\">\n                    sur votre location de vacances                <\/div>\n                                        <div class=\"card-heading-content-timer js-partner-offer-countdown js-partner-offer-countdown-2096398\"\n                     data-id=\"2096398\"\n                     data-name=\"Promotion - Vacanc\u00e9ole - Avant-premi\u00e8re vacances \u00e9t\u00e9 : jusqu'\u00e0 -20% - D\u00e9cembre - 2025\"\n                     data-start=\"2025-12-18 00:00:00\"\n                     data-end=\"2026-03-30 23:59:00\">\n                    <div class=\"title js-partneroffer-countdown-title-open-2096398\">\n                        Cette offre se termine dans&#8230;                    <\/div>\n                    <div class=\"title js-partneroffer-countdown-title-closed-2096398\">\n                        Cette offre est termin\u00e9e                    <\/div>\n                    <div class=\"title js-partneroffer-countdown-title-soon-2096398\">\n                        Cette offre sera disponible le                         <span class=\"js-partneroffer-countdown-title-soon-date-2096398\"><\/span>\n                    <\/div>\n                    <div class=\"timer js-partneroffer-countdown-timer-2096398\">\n                        <div class=\"timer-bar\">\n                            <div class=\"timer-progress js-partneroffer-countdown-timer-progress-2096398\"\n                                 style=\"width: 100%\"><\/div>\n                        <\/div>\n                        <div class=\"timer-bar-value\">\n                            <span class=\"timer-value js-partneroffer-countdown-value-2096398\"\n                                  style=\"left: 100%\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n    <div class=\"card-content js-card-content\">\n        <div class=\"d-flex justify-content-between mb-3 mb-lg-4\">\n                            <div class=\"partner-univers\">\n                    <div class=\"d-flex justify-content-end\">\n                        <div class=\"block-label small\" style=\"--block-label-bg: #f63b71;--block-label-color: #fffeff;\" >\n    \n    \u2728 Offre sp\u00e9ciale<\/div>                    <\/div>\n                <\/div>\n                    <\/div>\n        <div class=\"card-accordion js-card-accordion-HowItWorks\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-presentation-2096398\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-presentation-2096398\">\n                Comment \u00e7a marche ?                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-presentation-2096398\">\n                <div class=\"collapse-content\">\n                                        <div class=\"wysiwyg\">\n                        <div class=\"content partner-content js-contact-id-33094\" data-display-all=\"0\">\n\n    <div class=\"content-title\">\n        <i class=\"icon icon-smartphone\"><\/i>\n        Sur un simple appel    <\/div>\n\n        <div>\n        <ol>\n                                            <p style=\"text-align: center;\">Code : <b>AVAMACIF7<\/b><\/p>\n                                    <\/ol>\n    <\/div>\n    \n            <div class=\"text-center\">\n            <div class=\"phone-cartridge commonplace\">\n                                    <div class=\"display phone-cartridge-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                            <path fill=\"#0A2D82\"\n                                  d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\"\/>\n                        <\/svg>\n                        <a href=\"tel:04 79 75 75 27\">04 79 75 75 27<\/a>\n                    <\/div>\n                \n                                    <div class=\"phone-cartridge-bgcolor\">\n                        <p class=\"phone-cartridge-tarifs text-white\">(co\u00fbt selon op\u00e9rateur)<br><\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div class=\"content-subtitle text-center\">\n        <p style=\"text-align: center;\">du lundi au vendredi de 8h30 \u00e0 20h30,<br \/>\nle samedi de 10h00 \u00e0 17h00<\/p>\n    <\/div>\n<\/div>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande.<\/p>\n<\/p>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-accordion\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-conditions-2096398\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-conditions-2096398\">\n                D\u00e9tails et conditions de l&#8217;offre                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-conditions-2096398\">\n                <div class=\"wysiwyg\">\n                    <p><span data-sheets-root=\"1\">Offre valable sur une s\u00e9lection de destinations mer, montagne et campagne. Offre valable jusqu\u2019au 31 mars 2026, pour des s\u00e9jours compris entre le 1er mai et le 31 octobre, selon les dates d\u2019ouverture des r\u00e9sidences.<\/span><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-buttons\">\n            <div class=\"d-flex flex-column\" style=\"gap: 1rem;\">\n                                    <div>\n                        <button class=\"button m-0 js-gtm-partner-offer-open-coupon-modal js-gtm-offer-item-activation\"\n                                data-toggle=\"modal\"\n                                data-target=\"#js-modal-coupon-2096398\"\n                                        data-id=\"2096398\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Avant-premi\u00e8re vacances \u00e9t\u00e9 : jusqu'\u00e0 -20% - D\u00e9cembre - 2025\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2096398\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"Commande en ligne\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            J&#8217;en profite                        <\/button>\n                    <\/div>\n\n                                <\/div>\n            \n                    <div class=\"\">\n                        <button\n                           class=\" button-phone js-button-phone-open-accordion js-partneroffer-contact-cta-2096398 js-gtm-partner-offer-btn-purchase js-gtm-partner-offer-purchase-direct\"\n                                    data-id=\"2096398\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Avant-premi\u00e8re vacances \u00e9t\u00e9 : jusqu'\u00e0 -20% - D\u00e9cembre - 2025\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2096398\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"T\u00e9l\u00e9phone\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                                <path fill=\"#0A2D82\"\n                                      d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\" \/>\n                            <\/svg>\n                                                    <\/button>\n                    <\/div>\n                            <\/div>\n    <\/div>\n<\/div>\n\n                                                <\/div>\n                                                                                            <div class=\"swiper-slide\">\n                                                    <div\n        class=\"partner-offer-card d-flex flex-column js-gtm-partner-offer-single js-gtm-offer-item\"\n                data-id=\"2118580\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Soldes d'hiver : jusqu'\u00e0 -40% - Janvier - 2026\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2118580\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                        data-gtm-is-partner-offer=\"1\"\n                >\n    <div class=\"card-heading\">\n                    <picture>\n                <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2026\/01\/Visuel-cse-soldes-macif-500x500-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\" \/>\n                    <figcaption><\/figcaption>\n                <\/figure>\n            <\/picture>\n                <div class=\"card-heading-content \">\n            <div class=\"card-heading-content-title\">\n                Soldes d&#8217;hiver : jusqu&#8217;\u00e0 -40%            <\/div>\n                            <div class=\"card-heading-content-subtitle\">\n                    sur votre location de vacances                <\/div>\n                                        <div class=\"card-heading-content-timer js-partner-offer-countdown js-partner-offer-countdown-2118580\"\n                     data-id=\"2118580\"\n                     data-name=\"Promotion - Vacanc\u00e9ole - Soldes d'hiver : jusqu'\u00e0 -40% - Janvier - 2026\"\n                     data-start=\"2026-01-07 00:00:00\"\n                     data-end=\"2026-02-03 23:59:00\">\n                    <div class=\"title js-partneroffer-countdown-title-open-2118580\">\n                        Cette offre se termine dans&#8230;                    <\/div>\n                    <div class=\"title js-partneroffer-countdown-title-closed-2118580\">\n                        Cette offre est termin\u00e9e                    <\/div>\n                    <div class=\"title js-partneroffer-countdown-title-soon-2118580\">\n                        Cette offre sera disponible le                         <span class=\"js-partneroffer-countdown-title-soon-date-2118580\"><\/span>\n                    <\/div>\n                    <div class=\"timer js-partneroffer-countdown-timer-2118580\">\n                        <div class=\"timer-bar\">\n                            <div class=\"timer-progress js-partneroffer-countdown-timer-progress-2118580\"\n                                 style=\"width: 100%\"><\/div>\n                        <\/div>\n                        <div class=\"timer-bar-value\">\n                            <span class=\"timer-value js-partneroffer-countdown-value-2118580\"\n                                  style=\"left: 100%\"><\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n    <div class=\"card-content js-card-content\">\n        <div class=\"d-flex justify-content-between mb-3 mb-lg-4\">\n                            <div class=\"partner-univers\">\n                    <div class=\"d-flex justify-content-end\">\n                        <div class=\"block-label small\" style=\"--block-label-bg: #f63b71;--block-label-color: #fffeff;\" >\n    \n    \u2728 Offre sp\u00e9ciale<\/div>                    <\/div>\n                <\/div>\n                    <\/div>\n        <div class=\"card-accordion js-card-accordion-HowItWorks\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-presentation-2118580\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-presentation-2118580\">\n                Comment \u00e7a marche ?                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-presentation-2118580\">\n                <div class=\"collapse-content\">\n                                        <div class=\"wysiwyg\">\n                        <div class=\"content partner-content js-contact-id-33094\" data-display-all=\"0\">\n\n    <div class=\"content-title\">\n        <i class=\"icon icon-smartphone\"><\/i>\n        Sur un simple appel    <\/div>\n\n        <div>\n        <ol>\n                                            <p style=\"text-align: center;\">Code : <b>AVAMACIF7<\/b><\/p>\n                                    <\/ol>\n    <\/div>\n    \n            <div class=\"text-center\">\n            <div class=\"phone-cartridge commonplace\">\n                                    <div class=\"display phone-cartridge-color\">\n                        <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                            <path fill=\"#0A2D82\"\n                                  d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\"\/>\n                        <\/svg>\n                        <a href=\"tel:04 79 75 75 27\">04 79 75 75 27<\/a>\n                    <\/div>\n                \n                                    <div class=\"phone-cartridge-bgcolor\">\n                        <p class=\"phone-cartridge-tarifs text-white\">(co\u00fbt selon op\u00e9rateur)<br><\/p>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    \n    <div class=\"content-subtitle text-center\">\n        <p style=\"text-align: center;\">du lundi au vendredi de 8h30 \u00e0 20h30,<br \/>\nle samedi de 10h00 \u00e0 17h00<\/p>\n    <\/div>\n<\/div>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande<\/p>\n<\/p>\n\n                    <\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-accordion\">\n            <button class=\"button-reset d-flex justify-content-between align-items-center\" type=\"button\"\n                    data-toggle=\"collapse\" data-target=\"#collapse-conditions-2118580\" aria-expanded=\"false\"\n                    aria-controls=\"collapse-conditions-2118580\">\n                D\u00e9tails et conditions de l&#8217;offre                <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"16\" height=\"17\" fill=\"none\">\n                    <path fill=\"#363636\" d=\"m8 10.527-4-4 .933-.933L8 8.66l3.067-3.066.933.933-4 4Z\" \/>\n                <\/svg>\n            <\/button>\n            <div class=\"collapse\" id=\"collapse-conditions-2118580\">\n                <div class=\"wysiwyg\">\n                    <p><span data-sheets-root=\"1\">Conditions de l\u2019offre &#8220;Soldes Vacanc\u00e9ole&#8221; :<br \/>\n&#8211; Jusqu\u2019\u00e0 40 % de remise sur le tarif en vigueur, sur une s\u00e9lection de r\u00e9sidences Vacanc\u00e9ole<br \/>\n&#8211; Offre valable pour toute r\u00e9servation confirm\u00e9e entre le 07\/01\/2026 et le 03\/02\/2026 inclus<br \/>\n&#8211; S\u00e9jours \u00e9ligibles : dur\u00e9e minimale pouvant varier entre 1 \u00e0 7 nuits selon les r\u00e9sidences et les p\u00e9riodes<br \/>\n&#8211; P\u00e9riode de s\u00e9jour : du 09\/01\/2026 au 27\/06\/2026, sur certaines r\u00e9sidences et sur des p\u00e9riodes d\u00e9finies par Vacanc\u00e9ole<br \/>\n&#8211; Offre valable sur vacanceole.com, par t\u00e9l\u00e9phone ou directement aupr\u00e8s des r\u00e9sidences concern\u00e9es<br \/>\n&#8211; Sous r\u00e9serve de disponibilit\u00e9s au moment de la r\u00e9servation et selon les dates d\u2019ouverture de la r\u00e9sidence<br \/>\n&#8211; Offre non r\u00e9troactive<\/span><\/p>\n                <\/div>\n            <\/div>\n        <\/div>\n        <div class=\"card-buttons\">\n            <div class=\"d-flex flex-column\" style=\"gap: 1rem;\">\n                                    <div>\n                        <button class=\"button m-0 js-gtm-partner-offer-open-coupon-modal js-gtm-offer-item-activation\"\n                                data-toggle=\"modal\"\n                                data-target=\"#js-modal-coupon-2118580\"\n                                        data-id=\"2118580\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Soldes d'hiver : jusqu'\u00e0 -40% - Janvier - 2026\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2118580\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"Commande en ligne\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            J&#8217;en profite                        <\/button>\n                    <\/div>\n\n                                <\/div>\n            \n                    <div class=\"\">\n                        <button\n                           class=\" button-phone js-button-phone-open-accordion js-partneroffer-contact-cta-2118580 js-gtm-partner-offer-btn-purchase js-gtm-partner-offer-purchase-direct\"\n                                    data-id=\"2118580\"\n        data-gtm-partner-name=\"Vacanc\u00e9ole\"\n        data-gtm-name=\"Promotion - Vacanc\u00e9ole - Soldes d'hiver : jusqu'\u00e0 -40% - Janvier - 2026\"\n        data-gtm-offer-type=\"partner-promotion\"\n        data-partner-offer-id=\"2118580\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"offres secondaires\"\n                data-gtm-offer-method=\"T\u00e9l\u00e9phone\"\n                        data-gtm-is-partner-offer=\"1\"\n                                        >\n                            <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"20\" height=\"21\" fill=\"none\">\n                                <path fill=\"#0A2D82\"\n                                      d=\"M16.625 17.76c-1.792 0-3.538-.399-5.24-1.198a15.907 15.907 0 0 1-7.687-7.687C2.9 7.173 2.501 5.427 2.5 3.635c0-.25.083-.458.25-.624a.848.848 0 0 1 .625-.25H6.75a.8.8 0 0 1 .52.187.733.733 0 0 1 .272.48l.541 2.916c.028.195.024.372-.01.532a.853.853 0 0 1-.24.426l-2 2.042c.584 1 1.313 1.938 2.188 2.813.875.875 1.84 1.632 2.896 2.27l1.958-1.958c.125-.125.288-.218.49-.28.202-.063.4-.08.593-.053l2.875.583a.845.845 0 0 1 .48.282.76.76 0 0 1 .187.51v3.375c0 .25-.083.458-.25.625a.848.848 0 0 1-.625.25Z\" \/>\n                            <\/svg>\n                                                    <\/button>\n                    <\/div>\n                            <\/div>\n    <\/div>\n<\/div>\n\n                                                <\/div>\n                                                                                                                        <\/div>\n                                <\/div>\n                                                    <\/div>\n                    <\/div>\n                \n                                    <!-- BLOCK A -->\n                    <div class=\"partner-zone-a\">\n                        <!-- A2 PROMESSE -->\n                        <div class=\"partner-promise\">\n    <h2 class=\"partner-title\">\n        Une maison de destinations !     <\/h2>\n    <div class=\"wysiwyg\">\n        <p><strong>+70 destinations \u00e0 travers la France et la Corse<\/strong><\/p>\n<p>Vacanc\u00e9ole depuis 14 ans, cr\u00e9e des vacances uniques en s\u2019adaptant \u00e0 chaque territoire. Le groupe g\u00e8re plus de 100 r\u00e9sidences de vacances, villages vacances et h\u00f4tels en France. Que ce soit \u00e0 la mer, \u00e0 la montagne, \u00e0 la campagne ou en ville, Vacanc\u00e9ole place la valorisation de chaque destination au c\u0153ur de son m\u00e9tier.<\/p>\n    <\/div>\n<\/div>\n\n                        <!-- A3 VALEUR -->\n                        \n                        <!-- A4 PRESENTATION -->\n                        \n                        <!-- A6 FAQ -->\n                        <section class=\"faq\">\n    <div class=\"faq-contextualise faq-main js-faq-main cache\">\n\n        <style>div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {\r\n   color: #0A2D82;\r\n}\r\n\r\n.ewd-ufaq-rating-button img {\r\n    width: 50% !important;\r\nmargin: 0;\r\ntop: 13px !important;\r\n    left: 10px !important;\r\n}\r\n\r\n.ewd-ufaq-rating-button {\r\nwidth: 45px !important;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .search-field .ewd-ufaq-text-input {\r\n    background-color: #fff;\r\n    border: 1px solid #7f7f7f;\r\n    border-radius: 4px !important;\r\n    color: #1a1a1a;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    height: 52px;\r\n    line-height: 2;\r\n    padding: 0 72px 0 16px;\r\n    width: 100%;\r\nmax-width: 100%;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\nfont-family: SourceSansPro, sans-serif;\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .search-field {\r\nwidth: 30vw;\r\nmargin-left: 0 !important;\r\n}\r\n\r\n.single-partner .faq .ewd-ufaq-search .ewd-ufaq-faqs {\r\ndisplay: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .ui-menu-item::marker,\r\n#ewd-ufaq-jquery-ajax-search .ui-menu-item::before {\r\ndisplay: none;\r\n}\r\n\r\n.wysiwyg .ewd-ufaq-search {\r\ndisplay: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search ul.ui-menu {\r\npadding-left: 10px;\r\n}\r\n\r\n.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {\r\n    border: 1px solid #0A2D82 !important;\r\n    background: #0A2D82 !important;\r\n}\r\n\r\n.ewd-ufaq-faq-title h4 {\r\nfont-size: 1.5rem;\r\n}<\/style><div id='ewd-ufaq-jquery-ajax-search'>\n\n\t<label class='ewd-ufaq-field-label' for='ewd-ufaq-text-search'>\n\t\tToutes les r\u00e9ponses \u00e0 vos questions sont disponibles sur cette aide :\n\t<\/label>\n\n\t<input type='hidden' name='show_on_load' value='' id='ewd-ufaq-show-on-load' \/>\n<input type='hidden' name='include_category' value='' id='ewd-ufaq-include-category' \/>\n<input type='hidden' name='exclude_category' value='' id='ewd-ufaq-exclude-category' \/>\n<input type='hidden' name='orderby' value='title' id='ewd-ufaq-orderby' \/>\n<input type='hidden' name='order' value='asc' id='ewd-ufaq-order' \/>\n<input type='hidden' name='post_count' value='-1' id='ewd-ufaq-post-count' \/>\n<input type='hidden' name='current_url' value='\/wp-json\/wp\/v2\/partner\/4168' id='ewd-ufaq-current-url' \/>\n\t<div class=\"search-field\">\n\t\t<input\n\t\t\tid='ewd-ufaq-text-search'\n\t\t\ttype='search'\n\t\t\tclass='ewd-ufaq-text-input ewd-ufaq-text-auto-complete'\n\t\t\tplaceholder='Saisissez votre question...'\n\t\t\tvalue='' \/>\n\t\t<button type=\"button\" class=\"clear-field\" data-state=\"hidden\">x<\/button>\n\t<\/div>\n\n\t\n<\/div><div  class=\"ewd-ufaq-faq-list ewd-ufaq-page-type-distinct ewd-ufaq-search\" id='ewd-ufaq-faq-list'>\n\n\t<input type='hidden' name='show_on_load' value='' id='ewd-ufaq-show-on-load' \/>\n<input type='hidden' name='include_category' value='' id='ewd-ufaq-include-category' \/>\n<input type='hidden' name='exclude_category' value='' id='ewd-ufaq-exclude-category' \/>\n<input type='hidden' name='orderby' value='title' id='ewd-ufaq-orderby' \/>\n<input type='hidden' name='order' value='asc' id='ewd-ufaq-order' \/>\n<input type='hidden' name='post_count' value='-1' id='ewd-ufaq-post-count' \/>\n<input type='hidden' name='current_url' value='\/wp-json\/wp\/v2\/partner\/4168' id='ewd-ufaq-current-url' \/>\n\t\n\t\n\t<div class='ewd-ufaq-faqs'>\n\n\t\t\n\t<\/div>\n\n\t\n<\/div><style>div.ewd-ufaq-faq-title div.ewd-ufaq-post-margin-symbol {\r\n   color: #0A2D82;\r\n}\r\n\r\n.ewd-ufaq-rating-button img {\r\n    width: 50% !important;\r\nmargin: 0;\r\ntop: 13px !important;\r\n    left: 10px !important;\r\n}\r\n\r\n.ewd-ufaq-rating-button {\r\nwidth: 45px !important;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .search-field .ewd-ufaq-text-input {\r\n    background-color: #fff;\r\n    border: 1px solid #7f7f7f;\r\n    border-radius: 4px !important;\r\n    color: #1a1a1a;\r\n    font-size: 18px;\r\n    font-weight: 400;\r\n    height: 52px;\r\n    line-height: 2;\r\n    padding: 0 72px 0 16px;\r\n    width: 100%;\r\nmax-width: 100%;\r\n    text-overflow: ellipsis;\r\n    white-space: nowrap;\r\nfont-family: SourceSansPro, sans-serif;\r\n    outline: 0;\r\n    box-shadow: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .search-field {\r\nwidth: 30vw;\r\nmargin-left: 0 !important;\r\n}\r\n\r\n.single-partner .faq .ewd-ufaq-search .ewd-ufaq-faqs {\r\ndisplay: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search .ui-menu-item::marker,\r\n#ewd-ufaq-jquery-ajax-search .ui-menu-item::before {\r\ndisplay: none;\r\n}\r\n\r\n.wysiwyg .ewd-ufaq-search {\r\ndisplay: none;\r\n}\r\n\r\n#ewd-ufaq-jquery-ajax-search ul.ui-menu {\r\npadding-left: 10px;\r\n}\r\n\r\n.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover {\r\n    border: 1px solid #0A2D82 !important;\r\n    background: #0A2D82 !important;\r\n}\r\n\r\n.ewd-ufaq-faq-title h4 {\r\nfont-size: 1.5rem;\r\n}<\/style><div  class=\"ewd-ufaq-faq-list ewd-ufaq-page-type-distinct\" id='ewd-ufaq-faq-list'>\n\n\t<input type='hidden' name='show_on_load' value='' id='ewd-ufaq-show-on-load' \/>\n<input type='hidden' name='include_category' value='' id='ewd-ufaq-include-category' \/>\n<input type='hidden' name='exclude_category' value='' id='ewd-ufaq-exclude-category' \/>\n<input type='hidden' name='orderby' value='title' id='ewd-ufaq-orderby' \/>\n<input type='hidden' name='order' value='asc' id='ewd-ufaq-order' \/>\n<input type='hidden' name='post_count' value='-1' id='ewd-ufaq-post-count' \/>\n<input type='hidden' name='current_url' value='\/wp-json\/wp\/v2\/partner\/4168' id='ewd-ufaq-current-url' \/>\n\t\n\t\n\t<div class='ewd-ufaq-faqs'>\n\n\t\t<div  class=\"ewd-ufaq-faq-div ewd-ufaq-faq-column-count-one ewd-ufaq-faq-responsive-columns- ewd-ufaq-faq-display-style-contemporary ewd-ufaq-can-be-toggled\" id='ewd-ufaq-post-1704300-Kv1Hs4sGVp' data-post_id='1704300'>\n\n\t<div class='ewd-ufaq-faq-title ewd-ufaq-faq-toggle'>\n\t\n\t<a class='ewd-ufaq-post-margin'  href='#' role=\"button\">\n\n\t\t<div class='ewd-ufaq-post-margin-symbol ewd-ufaq-'>\n\t\t\t<span >B<\/span>\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-faq-title-text'>\n\n\t\t\t<h4>\n\t\t\t\tComment r\u00e9server un s\u00e9jour Vacanc\u00e9ole avec ma r\u00e9duction Macif Avantages ?\t\t\t<\/h4>\n\n\t\t<\/div>\n\n\t\t<div class='ewd-ufaq-clear'><\/div>\n\n\t<\/a>\n\t\n<\/div>\n\t\n\t<div class='ewd-ufaq-faq-body ' >\n\n\t\t\n\t\t\t\n\t\t\n\t\t\t<div class='ewd-ufaq-post-margin ewd-ufaq-faq-post'>\n\t<p>Pour r\u00e9server votre s\u00e9jour Vacanc\u00e9ole et b\u00e9n\u00e9ficier de votre r\u00e9duction de -8% ou -10% sur les locations de vacances, m\u00eame sur les promos, deux moyens sont mis \u00e0 votre disposition :<\/p>\n<ul>\n<li>Par t\u00e9l\u00e9phone : exclusivement au 04 79 75 75 27 (co\u00fbt selon op\u00e9rateur). Pour b\u00e9n\u00e9ficier de votre avantage Macif, pr\u00e9cisez le code <b>AVAMACIF7<\/b> et votre qualit\u00e9 de soci\u00e9taire\/adh\u00e9rent Macif.<\/li>\n<li>Par Internet : en vous connectant sur le site macifavantages.fr, puis en saisissant <b>Vacanc\u00e9ole<\/b> dans la barre de recherche. Sur la page de pr\u00e9sentation de notre partenariat, cliquez sur &#8220;J&#8217;en profite&#8221;. Indiquez ensuite vos coordonn\u00e9es soci\u00e9taire pour obtenir votre code de r\u00e9duction que vous devrez saisir dans le champs &#8220;code C.E.&#8221; et finalisez votre commande.<\/li>\n<\/ul>\n<\/div>\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t<div class='ewd-ufaq-faq-tags'>\n\t\n\t\u00c9tiquettes :\t\n\t\n\t\t<a href=\"https:\/\/www.macifavantages.fr\/ufaq\/comment-reserver-un-sejour-vacanceole-avec-ma-reduction-macif-avantages\/?include_tag=vacanceole\">Vacanc\u00e9ole<\/a>\n\t\n<\/div>\n\t\t\n\t\t\t<div class='ewd-ufaq-ratings'>\n\t\n\t<div class='ewd-ufaq-ratings-label'>\n\t\tAvez-vous trouv\u00e9 cette r\u00e9ponse utile ?\t<\/div>\n\t\n\t<div class='ewd-ufaq-rating-button ewd-ufaq-up-vote ewd-ufaq-ratings-custom-image' data-faq_id='1704300'>\n\t\t<img decoding=\"async\" src=\"https:\/\/www.macifavantages.fr\/wp-content\/uploads\/2025\/03\/tup.png\" alt=\"Thumbs Up Icon\">\t\t<span>8<\/span>\n\t<\/div>\n\n    <div class='ewd-ufaq-rating-button ewd-ufaq-down-vote jetpulp-open-faq-comment ewd-ufaq-ratings-custom-image' data-faq_id='1704300'>\n\t\t<img decoding=\"async\" src=\"https:\/\/www.macifavantages.fr\/wp-content\/uploads\/2025\/03\/tdo.png\" alt=\"Thumbs Down Icon\">\t\t<span>7<\/span>\n\t<\/div>\n\n    <div class=\"commentaire\" id=\"jetpulp-faq-comment-1704300\" style=\"display: none\">\n        <form\n                action=\"https:\/\/www.macifavantages.fr\/wp-admin\/admin-ajax.php\"\n                method=\"post\"\n                id=\"jetpulp-faq-comment-form-1704300\"\n                data-nonce=\"c1a317d6b9\"\n        >\n            <p>Pouvez vous nous expliquer ce qui ne va pas :<\/p>\n            <textarea class=\"mb-4 w-100 p-4\" name=\"commentaire\" id='jetpulp-faq-comment-text-1704300' maxlength=\"1000\"><\/textarea>\n            <input type=\"submit\" value=\"Laisser un commentaire\" class=\"js-jetpulp-faq-comment-submit w-auto\" data-faq_id='1704300' \/>\n        <\/form>\n    <\/div>\n    <p id=\"jetpulp-faq-comment-success-1704300\" style=\"display: none\" class=\"alert alert-success\">\n        Commentaire soumis avec succ\u00e8s. Merci pour votre contribution.    <\/p>\n    <p id=\"jetpulp-faq-comment-error-1704300\" style=\"display: none\" class=\"alert alert-error\"><\/p>\n    <p id=\"jetpulp-faq-comment-already-vote-1704300\" style=\"display: none\" class=\"alert alert-warning\">\n        Vous avez d\u00e9j\u00e0 vot\u00e9.    <\/p>\n<\/div>\n\n<div class='ewd-ufaq-clear'><\/div>\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t\t\t\n\t\t\n\t<\/div>\n\n<\/div>\n\t<\/div>\n\n\t\n<\/div>        <div class=\"js-faq-show-more-views faq-show-views cache\">\n            <button class=\"button button-green\">\n                Voir plus de questions\n            <\/button>\n        <\/div>\n\n        <div class=\"js-faq-show-less-views faq-show-views cache\">\n            <button href=\"#st-faq-context\" class=\"js-anchor button button-black\">\n                Voir moins de questions\n            <\/button>\n        <\/div>\n    <\/div>\n<\/section>\n                    <\/div>\n                \n            <\/div>\n        <\/div>\n\n        <div class=\"col-12 col-lg-4 col-has-gallery\">\n            <div class=\"sticky\">\n                                    <!-- A7 LES UNIVERS -->\n                    <div class=\"mb-4\">\n                        \n<div class=\"partner-univers\">\n    <div class=\"d-flex justify-content-end flex-wrap\">\n        <div class=\"bloc-track\">\n            <div class=\"bloc-track-wrapper\">\n                <div class=\"bloc-track-wrapper-outer\">\n                    <div class=\"bloc-track-wrapper-inner d-flex justify-content-lg-end\">\n                        <div class=\"bloc-track-item\">\n                                                            <a href=\"https:\/\/www.macifavantages.fr\/voyages-locations\/\" class=\"partner-univers-item\">\n                                    Voyages &#038; Locations                                <\/a>\n                                                    <\/div>\n                    <\/div>\n                <\/div>\n                <div class=\"bloc-track-cursor\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                    <\/div>\n\n                    <div class=\"d-none d-lg-block\">\n                        <!-- A0 - A1 LOGO -->\n                        \n<div class=\"partner-heading d-flex align-items-end\">\n    <div class=\"partner-heading-logo\">\n        <img decoding=\"async\" class=\"partner-heading-logo-img\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2022\/01\/Logo-vacanceole-location-vacances-france-bleu-225x112-1.png?func=bound&#038;w=225&#038;h=112\" alt=\"\">\n    <\/div>\n    <h1 class=\"partner-heading-title\">\n        Vacanc\u00e9ole            <\/h1>\n<\/div>\n                    <\/div>\n\n                    <!--- BLOCK E -->\n                    <div class=\"partner-zone-great\">\n                        <div class=\"partner-great\">\n                <div class=\"js-swiper-partner-great swiper-partner-great swiper-container\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        <figure title=\"montagne-500x500 - Graphiste Vacanc\u00e9ole\">\n                            <img decoding=\"async\" class=\"partner-great-picture\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2023\/01\/montagne-500x500-Graphiste-Vacanceole.jpg?func=crop&#038;w=501&#038;h=501\" alt=\"\">\n                                                    <\/figure>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <figure title=\"Vacanc\u00e9ole - Visuel hiver int\u00e9rieur 1\">\n                            <img decoding=\"async\" class=\"partner-great-picture\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/10\/vaujany-interieur-carre-visuel-macif-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\">\n                                                    <\/figure>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        <figure title=\"Vacanc\u00e9ole - Visuel hiver piste ski 1\">\n                            <img decoding=\"async\" class=\"partner-great-picture\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/10\/lifestyle-carre-visuel-macif-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\" alt=\"\">\n                                                    <\/figure>\n                    <\/div>\n                            <\/div>\n            <div class=\"swiper-partner-great-pagination d-flex justify-content-center\">\n                <div class=\"swiper-pagination js-swiper-partner-great-pagination\"><\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n                    <\/div>\n                            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- BLOCK C -->\n    <div class=\"partner-zone-c\">\n        <div class=\"partner-cross-partners\">\n    <h2 class=\"partner-section-title\">\n        Nos autres partenaires                    <span>qui peuvent vous int\u00e9resser<\/span>\n            <\/h2>\n    <div class=\"js-swiper-partner-partners swiper-partner-partners swiper-container\">\n        <div class=\"swiper-wrapper\">\n                            <div class=\"swiper-slide\">\n                     <div class=\"partner-card\">\n        <a href=\"https:\/\/www.macifavantages.fr\/partenaire\/belambra\/\"\n       class=\"js-gtm-offer-item-activation\"\n                data-id=\"2454\"\n        data-gtm-partner-name=\"Belambra\"\n        data-gtm-name=\"Belambra\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n    >\n            <div class=\"card-heading js-gtm-offer-item\"\n                    data-id=\"2454\"\n        data-gtm-partner-name=\"Belambra\"\n        data-gtm-name=\"Belambra\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n        >\n                            <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" class=\"card-heading-bg\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2023\/09\/Belambra-VF-juin-23-960x720-1.jpg?func=crop&#038;w=720&#038;h=450\"\n                         alt=\"\"\/>\n                                    <\/figure>\n                        <div class=\"partner-univers\">\n                <div class=\"d-flex justify-content-end\">\n                <span class=\"partner-univers-item\">\n                   Belambra                <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"card-content\">\n                                    <span class=\"card-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2023\/04\/Belambra_225x112px.png?func=crop&#038;w=225&#038;h=112\"\n                         alt=\"\"\/>\n                    <\/span>\n                                                    <div class=\"card-title\">\n                        6% ou -10%                    <\/div>\n                            <\/div>\n                    <\/a>\n        <\/div>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                     <div class=\"partner-card\">\n        <a href=\"https:\/\/www.macifavantages.fr\/partenaire\/villages-clubs-du-soleil\/\"\n       class=\"js-gtm-offer-item-activation\"\n                data-id=\"4176\"\n        data-gtm-partner-name=\"Villages Clubs du Soleil\"\n        data-gtm-name=\"Villages Clubs du Soleil\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n    >\n            <div class=\"card-heading js-gtm-offer-item\"\n                    data-id=\"4176\"\n        data-gtm-partner-name=\"Villages Clubs du Soleil\"\n        data-gtm-name=\"Villages Clubs du Soleil\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n        >\n                            <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" class=\"card-heading-bg\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2023\/04\/Villages-club-du-soleil-cata-58.jpg?func=crop&#038;w=720&#038;h=720\"\n                         alt=\"Villages Clubs du Soleil 3\"\/>\n                                    <\/figure>\n                        <div class=\"partner-univers\">\n                <div class=\"d-flex justify-content-end\">\n                <span class=\"partner-univers-item\">\n                   Villages Clubs du Soleil                <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"card-content\">\n                                    <span class=\"card-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/08\/villages-clubs-du-soleil-3.png?func=crop&#038;w=225&#038;h=112\"\n                         alt=\"Villages Clubs du Soleil 3\"\/>\n                    <\/span>\n                                                    <div class=\"card-title\">\n                        -7% ou -10%                    <\/div>\n                            <\/div>\n                    <\/a>\n        <\/div>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                     <div class=\"partner-card\">\n        <a href=\"https:\/\/www.macifavantages.fr\/partenaire\/opodo\/\"\n       class=\"js-gtm-offer-item-activation\"\n                data-id=\"3874\"\n        data-gtm-partner-name=\"Opodo\"\n        data-gtm-name=\"Opodo\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n    >\n            <div class=\"card-heading js-gtm-offer-item\"\n                    data-id=\"3874\"\n        data-gtm-partner-name=\"Opodo\"\n        data-gtm-name=\"Opodo\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n        >\n                            <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" class=\"card-heading-bg\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/03\/800x450_OP.png?func=crop&#038;w=720&#038;h=450\"\n                         alt=\"Opodo 5\"\/>\n                                    <\/figure>\n                        <div class=\"partner-univers\">\n                <div class=\"d-flex justify-content-end\">\n                <span class=\"partner-univers-item\">\n                   Opodo                <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"card-content\">\n                                    <span class=\"card-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/03\/opodo-3.png?func=crop&#038;w=225&#038;h=112\"\n                         alt=\"Opodo 5\"\/>\n                    <\/span>\n                                                    <div class=\"card-title\">\n                        -3%                    <\/div>\n                            <\/div>\n                    <\/a>\n        <\/div>\n                <\/div>\n                            <div class=\"swiper-slide\">\n                     <div class=\"partner-card\">\n        <a href=\"https:\/\/www.macifavantages.fr\/partenaire\/go-voyages\/\"\n       class=\"js-gtm-offer-item-activation\"\n                data-id=\"3771\"\n        data-gtm-partner-name=\"Go Voyages\"\n        data-gtm-name=\"Go Voyages\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n    >\n            <div class=\"card-heading js-gtm-offer-item\"\n                    data-id=\"3771\"\n        data-gtm-partner-name=\"Go Voyages\"\n        data-gtm-name=\"Go Voyages\"\n        data-gtm-offer-type=\"partner\"\n        data-gtm-engaged=\"Non engag\u00e9\"\n        data-gtm-list=\"cross partenaires\"\n        data-gtm-is-partner=\"1\"\n        \n        >\n                            <figure class=\"card-heading-bg\">\n                    <img decoding=\"async\" class=\"card-heading-bg\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/03\/800x450_GO.png?func=crop&#038;w=720&#038;h=450\"\n                         alt=\"Go Voyages 5\"\/>\n                                    <\/figure>\n                        <div class=\"partner-univers\">\n                <div class=\"d-flex justify-content-end\">\n                <span class=\"partner-univers-item\">\n                   Go Voyages                <\/span>\n                <\/div>\n            <\/div>\n        <\/div>\n                    <div class=\"card-content\">\n                                    <span class=\"card-logo\">\n                    <img decoding=\"async\" src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/03\/go-voyages-3.png?func=crop&#038;w=225&#038;h=112\"\n                         alt=\"Go Voyages 5\"\/>\n                    <\/span>\n                                                    <div class=\"card-title\">\n                        -3%                    <\/div>\n                            <\/div>\n                    <\/a>\n        <\/div>\n                <\/div>\n                    <\/div>\n    <\/div>\n<\/div>\n    <\/div>\n\n    <!--- BLOCK D -->\n    <div class=\"partner-zone-d\">\n        \n<div class=\"partner-products\">\n    <div class=\"container container-extralarge\">\n        <h2 class=\"partner-section-title\">\n            Soyez assur\u00e9 avec la MACIF                            <span>afin de profiter pleinement de vos sorties et loisirs en toute s\u00e9r\u00e9nit\u00e9<\/span>\n                    <\/h2>\n        <div class=\"js-swiper-partner-products swiper-partner-products swiper-container\">\n            <div class=\"swiper-wrapper\">\n                                    <div class=\"swiper-slide\">\n                        \n\n<a href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-habitation-et-vie-quotidienne\/telesurveillance\"\n   class=\"product-card\"\n   title=\"T\u00e9l\u00e9surveillance\">\n    <div class=\"card-heading\">\n                    <figure>\n                <img decoding=\"async\" class=\"card-heading-picture\"\n                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/04\/Macif_TELESURVEILLANCE.jpg?func=crop&#038;w=320&#038;h=320\"\n                     alt=\"Macif T\u00e9l\u00e9surveillance\"\/>\n                                    <figcaption>@Macif<\/figcaption>\n                            <\/figure>\n            <\/div>\n    <div class=\"card-content\">\n        <div class=\"card-content-text\">\n            <div class=\"h3 card-title\">\n                T\u00e9l\u00e9surveillance            <\/div>\n                            <div class=\"card-des\">\n                    Partez en voyage sans vous inqui\u00e9ter pour votre habitation.                <\/div>\n                    <\/div>\n        <span class=\"button button-blog\" href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-habitation-et-vie-quotidienne\/telesurveillance\">\n            Lire la suite <i class=\"icon icon-arrow-right\"><\/i>\n        <\/span>\n    <\/div>\n<\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        \n\n<a href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-auto-moto-scooter\/assurance-automobile\"\n   class=\"product-card\"\n   title=\"Assurance Auto\">\n    <div class=\"card-heading\">\n                    <figure>\n                <img decoding=\"async\" class=\"card-heading-picture\"\n                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/04\/Macif_contrat_auto.jpg?func=crop&#038;w=320&#038;h=320\"\n                     alt=\"Macif Assurance Auto\"\/>\n                                    <figcaption>@Macif <\/figcaption>\n                            <\/figure>\n            <\/div>\n    <div class=\"card-content\">\n        <div class=\"card-content-text\">\n            <div class=\"h3 card-title\">\n                Assurance Auto            <\/div>\n                            <div class=\"card-des\">\n                    Assurez facilement votre v\u00e9hicule pour vos voyages.                <\/div>\n                    <\/div>\n        <span class=\"button button-blog\" href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-auto-moto-scooter\/assurance-automobile\">\n            Lire la suite <i class=\"icon icon-arrow-right\"><\/i>\n        <\/span>\n    <\/div>\n<\/a>\n                    <\/div>\n                                    <div class=\"swiper-slide\">\n                        \n\n<a href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-auto-moto-scooter\/nouvelles-mobilites\"\n   class=\"product-card\"\n   title=\"Nouvelles mobilit\u00e9s\">\n    <div class=\"card-heading\">\n                    <figure>\n                <img decoding=\"async\" class=\"card-heading-picture\"\n                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2020\/04\/Macif_nouvelles-mobilites.jpg?func=crop&#038;w=320&#038;h=320\"\n                     alt=\"Macif Nouvelles mobilit\u00e9s\"\/>\n                                    <figcaption>@Macif<\/figcaption>\n                            <\/figure>\n            <\/div>\n    <div class=\"card-content\">\n        <div class=\"card-content-text\">\n            <div class=\"h3 card-title\">\n                Nouvelles mobilit\u00e9s            <\/div>\n                            <div class=\"card-des\">\n                    Assurez facilement votre v\u00e9lo, votre trottinette \u00e9lectrique, votre VAE&#8230;                <\/div>\n                    <\/div>\n        <span class=\"button button-blog\" href=\"https:\/\/www.macif.fr\/assurance\/particuliers\/assurance-auto-moto-scooter\/nouvelles-mobilites\">\n            Lire la suite <i class=\"icon icon-arrow-right\"><\/i>\n        <\/span>\n    <\/div>\n<\/a>\n                    <\/div>\n                            <\/div>\n        <\/div>\n                    <div class=\"d-flex justify-content-center\">\n                <a\n                        href=\"https:\/\/www.macif.fr\/\"\n                        target=\"_blank\"\n                        title=\"En savoir plus\"\n                        class=\"button button-blue\">\n                    En savoir plus                <\/a>\n            <\/div>\n            <\/div>\n<\/div>\n    <\/div>\n\n<\/div>\n\n<div class=\"modal fade js-coupon-modal\" data-api-url=\"https:\/\/www.macifavantages.fr\/coupon-api\/index.php\" tabindex=\"-1\"\n     id=\"js-modal-coupon-4904\"\n     data-id=\"4904\"\n     data-must-open-partner-url=\"0\"\n     role=\"dialog\"\n     aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <div class=\"coupon-stepper d-lg-flex align-items-center flex-grow-1\">\n                    <div class=\"coupon-stepper-logo mb-5 mb-lg-0\">\n                                                <img decoding=\"async\" class=\"m-0\"\n                             src=\"https:\/\/www.macifavantages.fr\/wp-content\/themes\/maestro\/library\/dist\/images\/logo.ff266b99.svg\"\n                             title=\"Macif Avantages le site de bons plans et codes promos\"\n                             alt=\"Macif Avantages le site de bons plans et codes promos\"\/>\n                    <\/div>\n                    <div class=\"d-flex align-items-start flex-grow-1 px-lg-5\">\n                        <div class=\"js-popup-stepper-step step step-active\" data-stepper=\"1\">\n                            <div class=\"bullet\">1<\/div>\n                            Mes avantages                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"2\">\n                            <div class=\"bullet\">2<\/div>\n                            Informations                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"3\">\n                            <div class=\"bullet\">3<\/div>\n                            <span class=\"js-popup-stepper-step3-title\">Mes r\u00e9ductions<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <div class=\"wysiwyg\" id=\"js-modal-show-coupon-content\">\n                    \n<div class=\"discount-coupon js-discount-coupon-modal js-discount-coupon-modal-4904\"\n     data-coupon-modal-id=\"4904\"\n     data-id=\"4168\"\n     data-partner-name=\"Vacanc\u00e9ole\"\n     data-gtm-conversion-type=\"RemiseMAS\"\n     data-gtm-name=\"Vacanc\u00e9ole\"\n     data-gtm-offer-type=\"avantage\"\n>\n    <!-- STEP 1 -->\n    <div id=\"modal-coupon-part-1\" class=\"js-popup-step d-block\" data-step=\"1\">\n        <div class=\"discount-coupon-header d-flex align-items-center justify-content-center\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Vous \u00eates \u00e0 deux clics de votre avantage !            <\/h2>\n                            <div class=\"discount-coupon-header-logo d-flex align-items-center\">\n                    <img decoding=\"async\" class=\"logo\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2022\/01\/Logo-vacanceole-location-vacances-france-bleu-225x112-1.png?func=bound&#038;w=225&#038;h=112\"\n                         alt=\"\" \/>\n                <\/div>\n                    <\/div>\n        <div class=\"discount-coupon-content\">\n                        <div class=\"row justify-content-center mb-5\">\n                <!-- case with multiple contacts, card with picture -->\n                \n                <!--\/\/ case with 1 contact, card with picture -->\n                                                            <div class=\"col-lg-8 col-12 mb-4\">\n                            <div class=\"coupon-card-checkbox\">\n                                <label for=\"discountVacanc\u00e9ole\">\n                                    <div class=\"coupon-card-checkbox-container\">\n                                        <div class=\"coupon-card-checkbox-picture-container\">\n                                                                                            <img decoding=\"async\" class=\"coupon-card-checkbox-picture\"\n                                                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/10\/orion-carre-visuel-macif-Alexandra-1.jpg?func=crop&#038;w=500&#038;h=500\"\n                                                     alt=\"\" \/>\n                                                                                    <\/div>\n                                        <div class=\"\">\n                                            <input type=\"checkbox\" class=\"js-offer-selected\"\n                                                   data-coupon-api=\"1\"\n                                                   data-id=\"33125\" checked \/>\n                                            <span class=\"checkmark\"><\/span>\n                                            <div class=\"coupon-card-checkbox-title\">-8% ou -10% <\/div>\n                                            <div class=\"coupon-card-checkbox-description\">sur les locations de vacances, m\u00eame sur les promos<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n        <div class=\"js-coupon-card-checkbox-error notification notification-invalid\"><\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3\" data-dismiss=\"modal\"\n                        aria-label=\"Close\">Annuler<\/button>\n                <button class=\"button m-0 js-next-btn js-check-cookie\">\n                    Compl\u00e9ter mes informations                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 2 -->\n    <div id=\"modal-coupon-part-2\" class=\"js-popup-step d-none\" data-step=\"2\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Un avantage EXCLUSIVEMENT r\u00e9serv\u00e9 aux soci\u00e9taires Macif            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n\n            <!-- Formulaire -->\n            <form action=\"\/ma-page-de-traitement\" method=\"post\">\n                <div class=\"coupon-form d-flex align-items-center flex-column\">\n                    <div class=\"coupon-form-content\">\n                        <div class=\"coupon-form-title\">Informations du soci\u00e9taire\/adh\u00e9rent<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"d-flex gap-sm\">\n                                <div class=\"form-field\">\n                                    <label for=\"name\">Nom                                        <span class=\"asterisk\">*<\/span>\n                                    <\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"name\" name=\"user_name\"\n                                               required=\"required\" class=\"js-lastname\"\n                                               placeholder=\"Nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-lastname-error\">Ce champ est obligatoire.<\/div>\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le pr\u00e9nom. Votre nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                                <div class=\"form-field\">\n                                    <label for=\"firstName\">Pr\u00e9nom<span\n                                                class=\"asterisk\">*<\/span><\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"firstName\" name=\"user_firstName\" class=\"js-firstname\"\n                                               placeholder=\"Pr\u00e9nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-firstname-error\">Ce champ est obligatoire.<\/div>\n\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le nom. Votre pr\u00e9nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"date\">Date de naissance                                    <span class=\"asterisk\">*<\/span><\/label>\n                                <div class=\"field-icon\">\n                                    <input class=\"calendar js-birthdate\" type=\"text\" id=\"date\" name=\"user_date\" data-mask=\"00\/00\/0000\" \/>\n                                    <i class=\"icon icon-calendar\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-birthdate-error\" data-nosnippet>Ce champ est obligatoire au format jj\/mm\/aaaa (ex: 29\/03\/2005).<\/div>\n\n                                <div class=\"consigne\">\n                                    \u00c0 renseigner sous le format JJ\/MM\/AAAA. La date de naissance doit \u00eatre\n                            celle du soci\u00e9taire\/adh\u00e9rent.                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <hr class=\"hr\">\n                        <div class=\"coupon-form-title\">Vos informations<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"mail\">Votre email                                    <span class=\"asterisk\">*<\/span>\n                                <\/label>\n                                <div class=\"field-icon\">\n                                    <input type=\"email\" id=\"mail\" name=\"user_mail\" class=\"js-email\"\n                                           placeholder=\"Email\" \/>\n                                    <i class=\"icon icon-mail\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-email-error\">Ce champ est obligatoire.<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"coupon-form-footer\">\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-check-cgu\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    <div>\n                                        J&#8217;ai lu et j&#8217;accepte les                                         <a href=\"https:\/\/www.macifavantages.fr\/conditions-generales-dutilisation\/\" target=\"_blank\">CGU<\/a>\n                                         et le                                         <a href=\"https:\/\/www.macifavantages.fr\/donnees-personnelles\/\" target=\"_blank\">traitement des donn\u00e9es personnelles<\/a>\n                                         comme indiqu\u00e9s ci-dessous\n                                    <\/div>\n                                <\/label>\n                                <div class=\"notification notification-invalid js-notification-invalid js-check-cgu-error\">Vous devez accepter les CGU.<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-remmember-me\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    Se souvenir de moi                                <\/label>\n                                <div class=\"consigne mt-2\"><span\n                                            class='asterisk'>*<\/span> Information obligatoire                                <\/div>\n                                <div class=\"consigne mt-2\">\n                                    <b>Offre non r\u00e9troactive, hors Eco-participation, valable dans la limite des stocks disponibles. Non cumulable avec d\u2019autres offres en cours et offres de remboursement. Codes personnels et \u00e0 usage unique.<\/b>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"notification notification-invalid js-notification-invalid js-call-api-error\"><\/div>\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <button class=\"button m-0 js-next-btn js-save-user\">Obtenir mon avantage<i\n                            class=\"icon icon-arrow-right ml-2\"><\/i><\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 3 -->\n    <div id=\"modal-coupon-part-3\" class=\"js-popup-step d-none\" data-step=\"3\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                <span class=\"js-popup-step3-title\">Mes r\u00e9ductions<\/span>\n            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n            <div class=\"row justify-content-center mb-5\">\n\n                                                            <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-code js-coupon-conteneur-code-33125\"\n                             data-id=\"33125\">\n                            <div class=\"coupon-card\">\n                                <div>\n                                    <div class=\"coupon-card-title\">-8% ou -10% <\/div>\n                                    <div class=\"coupon-card-description\">sur les locations de vacances, m\u00eame sur les promos<\/div>\n                                <\/div>\n                                <div>\n                                    <!-- Coupon code -->\n                                    <div class=\"text-center text-lg-left js-coupon-conteneur-code-code-zone js-coupon-conteneur-code-code-zone-33125\"\n                                         data-coupon-code-id=\"33125\">\n                                        <div class=\"coupon-code d-inline-block\">\n                                            <div class=\"d-flex align-items-center\">\n                                                <div class=\"coupon-code-value coupon-code-blur mx-6 js-fill-coupon-code-txt-33125\"><\/div>\n                                                <a class=\"button mb-0 js-coupon-code-btn js-fill-coupon-code-btn-33125 js-gtm-offer-item-confirmation\"\n                                                   data-value=\"\">\n                                                    <span class=\"js-wording-before-copy d-block\" data-see-code-txt=\"Voir le code\">Copier le code<\/span>\n                                                    <span class=\"js-wording-after-copy d-none\"><em>Le code est copi\u00e9 !<\/em><\/span>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <a class=\"button m-0 w-100 mt-5 js-url-coupon-code-btn js-url-coupon-code-btn-33125 js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                                       data-partner-offer-id=\"4904\"\n                                       href=\"\"\n                                       target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-error js-coupon-conteneur-error-33125\"\n                             data-id=\"33125\">\n                            <div class=\"coupon-card disabled\">\n                                <div>\n                                    <div class=\"coupon-card-title\">-8% ou -10% <\/div>\n                                    <div class=\"coupon-card-description\">sur les locations de vacances, m\u00eame sur les promos<\/div>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-coupon-error-message-33125\"><\/div>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n\n                    <h4 class=\"subtitle\">Comment \u00e7a marche<\/h4>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande.<\/p>\n<\/p>\n\n        <\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white  mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <a class=\"button m-0 js-url-coupon-code-btn js-url-coupon-code-btn-all js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                   href=\"\"\n                   data-partner-offer-id=\"4904\"\n                   target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 4 -->\n    <div id=\"modal-coupon-part-4\" class=\"js-popup-step d-none\" data-step=\"4\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Il y a eu une erreur lors de votre parcours.<br>Veuillez utiliser le bouton &#8220;Retour&#8221; pour le reprendre.            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content text-center\">\n            <p class=\"discount-coupon-general-error-message\">message<\/p>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-goto-first-step-btn\">Retour<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<template>\n    {{#coupons}}\n    <strong>{{coupon.title}}<\/strong>\n    <strong>{{coupon.title}}<\/strong>\n    {{%coupon.url}}\n    <strong>{{coupon.url}}<\/strong>\n    {{%coupon.url}}\n    {{\/coupons}}\n    {{%generalUrl%}}\n    {{#generalUrl}}\n<\/template>\n\n\n<div class=\"modal fade js-coupon-modal\" data-api-url=\"https:\/\/www.macifavantages.fr\/coupon-api\/index.php\" tabindex=\"-1\"\n     id=\"js-modal-coupon-2096398\"\n     data-id=\"2096398\"\n     data-must-open-partner-url=\"0\"\n     role=\"dialog\"\n     aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <div class=\"coupon-stepper d-lg-flex align-items-center flex-grow-1\">\n                    <div class=\"coupon-stepper-logo mb-5 mb-lg-0\">\n                                                <img decoding=\"async\" class=\"m-0\"\n                             src=\"https:\/\/www.macifavantages.fr\/wp-content\/themes\/maestro\/library\/dist\/images\/logo.ff266b99.svg\"\n                             title=\"Macif Avantages le site de bons plans et codes promos\"\n                             alt=\"Macif Avantages le site de bons plans et codes promos\"\/>\n                    <\/div>\n                    <div class=\"d-flex align-items-start flex-grow-1 px-lg-5\">\n                        <div class=\"js-popup-stepper-step step step-active\" data-stepper=\"1\">\n                            <div class=\"bullet\">1<\/div>\n                            Mes avantages                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"2\">\n                            <div class=\"bullet\">2<\/div>\n                            Informations                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"3\">\n                            <div class=\"bullet\">3<\/div>\n                            <span class=\"js-popup-stepper-step3-title\">Mes r\u00e9ductions<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <div class=\"wysiwyg\" id=\"js-modal-show-coupon-content\">\n                    \n<div class=\"discount-coupon js-discount-coupon-modal js-discount-coupon-modal-2096398\"\n     data-coupon-modal-id=\"2096398\"\n     data-id=\"4168\"\n     data-partner-name=\"Vacanc\u00e9ole\"\n     data-gtm-conversion-type=\"RemiseMAS\"\n     data-gtm-name=\"Promotion - Vacanc\u00e9ole - Avant-premi\u00e8re vacances \u00e9t\u00e9 : jusqu'\u00e0 -20% - D\u00e9cembre - 2025\"\n     data-gtm-offer-type=\"partner-promotion\"\n>\n    <!-- STEP 1 -->\n    <div id=\"modal-coupon-part-1\" class=\"js-popup-step d-block\" data-step=\"1\">\n        <div class=\"discount-coupon-header d-flex align-items-center justify-content-center\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Vous \u00eates \u00e0 deux clics de votre avantage !            <\/h2>\n                            <div class=\"discount-coupon-header-logo d-flex align-items-center\">\n                    <img decoding=\"async\" class=\"logo\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2022\/01\/Logo-vacanceole-location-vacances-france-bleu-225x112-1.png?func=bound&#038;w=225&#038;h=112\"\n                         alt=\"\" \/>\n                <\/div>\n                    <\/div>\n        <div class=\"discount-coupon-content\">\n                        <div class=\"row justify-content-center mb-5\">\n                <!-- case with multiple contacts, card with picture -->\n                \n                <!--\/\/ case with 1 contact, card with picture -->\n                                                            <div class=\"col-lg-8 col-12 mb-4\">\n                            <div class=\"coupon-card-checkbox\">\n                                <label for=\"discountVacanc\u00e9ole\">\n                                    <div class=\"coupon-card-checkbox-container\">\n                                        <div class=\"coupon-card-checkbox-picture-container\">\n                                                                                            <img decoding=\"async\" class=\"coupon-card-checkbox-picture\"\n                                                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2025\/12\/Visuel-eb-ete-texte-500x500-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\"\n                                                     alt=\"\" \/>\n                                                                                    <\/div>\n                                        <div class=\"\">\n                                            <input type=\"checkbox\" class=\"js-offer-selected\"\n                                                   data-coupon-api=\"1\"\n                                                   data-id=\"2096414\" checked \/>\n                                            <span class=\"checkmark\"><\/span>\n                                            <div class=\"coupon-card-checkbox-title\">Avant-premi\u00e8re \u00e9t\u00e9 : jusqu&#8217;\u00e0 -20%<\/div>\n                                            <div class=\"coupon-card-checkbox-description\">sur votre location de vacances<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n        <div class=\"js-coupon-card-checkbox-error notification notification-invalid\"><\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3\" data-dismiss=\"modal\"\n                        aria-label=\"Close\">Annuler<\/button>\n                <button class=\"button m-0 js-next-btn js-check-cookie\">\n                    Compl\u00e9ter mes informations                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 2 -->\n    <div id=\"modal-coupon-part-2\" class=\"js-popup-step d-none\" data-step=\"2\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Un avantage EXCLUSIVEMENT r\u00e9serv\u00e9 aux soci\u00e9taires Macif            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n\n            <!-- Formulaire -->\n            <form action=\"\/ma-page-de-traitement\" method=\"post\">\n                <div class=\"coupon-form d-flex align-items-center flex-column\">\n                    <div class=\"coupon-form-content\">\n                        <div class=\"coupon-form-title\">Informations du soci\u00e9taire\/adh\u00e9rent<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"d-flex gap-sm\">\n                                <div class=\"form-field\">\n                                    <label for=\"name\">Nom                                        <span class=\"asterisk\">*<\/span>\n                                    <\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"name\" name=\"user_name\"\n                                               required=\"required\" class=\"js-lastname\"\n                                               placeholder=\"Nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-lastname-error\">Ce champ est obligatoire.<\/div>\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le pr\u00e9nom. Votre nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                                <div class=\"form-field\">\n                                    <label for=\"firstName\">Pr\u00e9nom<span\n                                                class=\"asterisk\">*<\/span><\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"firstName\" name=\"user_firstName\" class=\"js-firstname\"\n                                               placeholder=\"Pr\u00e9nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-firstname-error\">Ce champ est obligatoire.<\/div>\n\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le nom. Votre pr\u00e9nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"date\">Date de naissance                                    <span class=\"asterisk\">*<\/span><\/label>\n                                <div class=\"field-icon\">\n                                    <input class=\"calendar js-birthdate\" type=\"text\" id=\"date\" name=\"user_date\" data-mask=\"00\/00\/0000\" \/>\n                                    <i class=\"icon icon-calendar\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-birthdate-error\" data-nosnippet>Ce champ est obligatoire au format jj\/mm\/aaaa (ex: 29\/03\/2005).<\/div>\n\n                                <div class=\"consigne\">\n                                    \u00c0 renseigner sous le format JJ\/MM\/AAAA. La date de naissance doit \u00eatre\n                            celle du soci\u00e9taire\/adh\u00e9rent.                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <hr class=\"hr\">\n                        <div class=\"coupon-form-title\">Vos informations<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"mail\">Votre email                                    <span class=\"asterisk\">*<\/span>\n                                <\/label>\n                                <div class=\"field-icon\">\n                                    <input type=\"email\" id=\"mail\" name=\"user_mail\" class=\"js-email\"\n                                           placeholder=\"Email\" \/>\n                                    <i class=\"icon icon-mail\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-email-error\">Ce champ est obligatoire.<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"coupon-form-footer\">\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-check-cgu\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    <div>\n                                        J&#8217;ai lu et j&#8217;accepte les                                         <a href=\"https:\/\/www.macifavantages.fr\/conditions-generales-dutilisation\/\" target=\"_blank\">CGU<\/a>\n                                         et le                                         <a href=\"https:\/\/www.macifavantages.fr\/donnees-personnelles\/\" target=\"_blank\">traitement des donn\u00e9es personnelles<\/a>\n                                         comme indiqu\u00e9s ci-dessous\n                                    <\/div>\n                                <\/label>\n                                <div class=\"notification notification-invalid js-notification-invalid js-check-cgu-error\">Vous devez accepter les CGU.<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-remmember-me\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    Se souvenir de moi                                <\/label>\n                                <div class=\"consigne mt-2\"><span\n                                            class='asterisk'>*<\/span> Information obligatoire                                <\/div>\n                                <div class=\"consigne mt-2\">\n                                    <b>Offre non r\u00e9troactive, hors Eco-participation, valable dans la limite des stocks disponibles. Non cumulable avec d\u2019autres offres en cours et offres de remboursement. Codes personnels et \u00e0 usage unique.<\/b>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"notification notification-invalid js-notification-invalid js-call-api-error\"><\/div>\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <button class=\"button m-0 js-next-btn js-save-user\">Obtenir mon avantage<i\n                            class=\"icon icon-arrow-right ml-2\"><\/i><\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 3 -->\n    <div id=\"modal-coupon-part-3\" class=\"js-popup-step d-none\" data-step=\"3\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                <span class=\"js-popup-step3-title\">Mes r\u00e9ductions<\/span>\n            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n            <div class=\"row justify-content-center mb-5\">\n\n                                                            <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-code js-coupon-conteneur-code-2096414\"\n                             data-id=\"2096414\">\n                            <div class=\"coupon-card\">\n                                <div>\n                                    <div class=\"coupon-card-title\">Avant-premi\u00e8re \u00e9t\u00e9 : jusqu&#8217;\u00e0 -20%<\/div>\n                                    <div class=\"coupon-card-description\">sur votre location de vacances<\/div>\n                                <\/div>\n                                <div>\n                                    <!-- Coupon code -->\n                                    <div class=\"text-center text-lg-left js-coupon-conteneur-code-code-zone js-coupon-conteneur-code-code-zone-2096414\"\n                                         data-coupon-code-id=\"2096414\">\n                                        <div class=\"coupon-code d-inline-block\">\n                                            <div class=\"d-flex align-items-center\">\n                                                <div class=\"coupon-code-value coupon-code-blur mx-6 js-fill-coupon-code-txt-2096414\"><\/div>\n                                                <a class=\"button mb-0 js-coupon-code-btn js-fill-coupon-code-btn-2096414 js-gtm-offer-item-confirmation\"\n                                                   data-value=\"\">\n                                                    <span class=\"js-wording-before-copy d-block\" data-see-code-txt=\"Voir le code\">Copier le code<\/span>\n                                                    <span class=\"js-wording-after-copy d-none\"><em>Le code est copi\u00e9 !<\/em><\/span>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <a class=\"button m-0 w-100 mt-5 js-url-coupon-code-btn js-url-coupon-code-btn-2096414 js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                                       data-partner-offer-id=\"2096398\"\n                                       href=\"\"\n                                       target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-error js-coupon-conteneur-error-2096414\"\n                             data-id=\"2096414\">\n                            <div class=\"coupon-card disabled\">\n                                <div>\n                                    <div class=\"coupon-card-title\">Avant-premi\u00e8re \u00e9t\u00e9 : jusqu&#8217;\u00e0 -20%<\/div>\n                                    <div class=\"coupon-card-description\">sur votre location de vacances<\/div>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-coupon-error-message-2096414\"><\/div>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n\n                    <h4 class=\"subtitle\">Comment \u00e7a marche<\/h4>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande.<\/p>\n<\/p>\n\n        <\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white  mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <a class=\"button m-0 js-url-coupon-code-btn js-url-coupon-code-btn-all js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                   href=\"\"\n                   data-partner-offer-id=\"2096398\"\n                   target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 4 -->\n    <div id=\"modal-coupon-part-4\" class=\"js-popup-step d-none\" data-step=\"4\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Il y a eu une erreur lors de votre parcours.<br>Veuillez utiliser le bouton &#8220;Retour&#8221; pour le reprendre.            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content text-center\">\n            <p class=\"discount-coupon-general-error-message\">message<\/p>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-goto-first-step-btn\">Retour<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<template>\n    {{#coupons}}\n    <strong>{{coupon.title}}<\/strong>\n    <strong>{{coupon.title}}<\/strong>\n    {{%coupon.url}}\n    <strong>{{coupon.url}}<\/strong>\n    {{%coupon.url}}\n    {{\/coupons}}\n    {{%generalUrl%}}\n    {{#generalUrl}}\n<\/template>\n\n\n<div class=\"modal fade js-coupon-modal\" data-api-url=\"https:\/\/www.macifavantages.fr\/coupon-api\/index.php\" tabindex=\"-1\"\n     id=\"js-modal-coupon-2118580\"\n     data-id=\"2118580\"\n     data-must-open-partner-url=\"0\"\n     role=\"dialog\"\n     aria-hidden=\"true\">\n    <div class=\"modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered\" role=\"document\">\n        <div class=\"modal-content\">\n            <div class=\"modal-header\">\n                <div class=\"coupon-stepper d-lg-flex align-items-center flex-grow-1\">\n                    <div class=\"coupon-stepper-logo mb-5 mb-lg-0\">\n                                                <img decoding=\"async\" class=\"m-0\"\n                             src=\"https:\/\/www.macifavantages.fr\/wp-content\/themes\/maestro\/library\/dist\/images\/logo.ff266b99.svg\"\n                             title=\"Macif Avantages le site de bons plans et codes promos\"\n                             alt=\"Macif Avantages le site de bons plans et codes promos\"\/>\n                    <\/div>\n                    <div class=\"d-flex align-items-start flex-grow-1 px-lg-5\">\n                        <div class=\"js-popup-stepper-step step step-active\" data-stepper=\"1\">\n                            <div class=\"bullet\">1<\/div>\n                            Mes avantages                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"2\">\n                            <div class=\"bullet\">2<\/div>\n                            Informations                        <\/div>\n                        <div class=\"js-popup-stepper-step step\" data-stepper=\"3\">\n                            <div class=\"bullet\">3<\/div>\n                            <span class=\"js-popup-stepper-step3-title\">Mes r\u00e9ductions<\/span>\n                        <\/div>\n                    <\/div>\n                <\/div>\n\n                <button type=\"button\" class=\"close\" data-dismiss=\"modal\" aria-label=\"Close\">\n                    <i class=\"icon icon-close\"><\/i>\n                <\/button>\n            <\/div>\n            <div class=\"modal-body\">\n                <div class=\"wysiwyg\" id=\"js-modal-show-coupon-content\">\n                    \n<div class=\"discount-coupon js-discount-coupon-modal js-discount-coupon-modal-2118580\"\n     data-coupon-modal-id=\"2118580\"\n     data-id=\"4168\"\n     data-partner-name=\"Vacanc\u00e9ole\"\n     data-gtm-conversion-type=\"RemiseMAS\"\n     data-gtm-name=\"Promotion - Vacanc\u00e9ole - Soldes d'hiver : jusqu'\u00e0 -40% - Janvier - 2026\"\n     data-gtm-offer-type=\"partner-promotion\"\n>\n    <!-- STEP 1 -->\n    <div id=\"modal-coupon-part-1\" class=\"js-popup-step d-block\" data-step=\"1\">\n        <div class=\"discount-coupon-header d-flex align-items-center justify-content-center\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Vous \u00eates \u00e0 deux clics de votre avantage !            <\/h2>\n                            <div class=\"discount-coupon-header-logo d-flex align-items-center\">\n                    <img decoding=\"async\" class=\"logo\"\n                         src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2022\/01\/Logo-vacanceole-location-vacances-france-bleu-225x112-1.png?func=bound&#038;w=225&#038;h=112\"\n                         alt=\"\" \/>\n                <\/div>\n                    <\/div>\n        <div class=\"discount-coupon-content\">\n                        <div class=\"row justify-content-center mb-5\">\n                <!-- case with multiple contacts, card with picture -->\n                \n                <!--\/\/ case with 1 contact, card with picture -->\n                                                            <div class=\"col-lg-8 col-12 mb-4\">\n                            <div class=\"coupon-card-checkbox\">\n                                <label for=\"discountVacanc\u00e9ole\">\n                                    <div class=\"coupon-card-checkbox-container\">\n                                        <div class=\"coupon-card-checkbox-picture-container\">\n                                                                                            <img decoding=\"async\" class=\"coupon-card-checkbox-picture\"\n                                                     src=\"https:\/\/axxlfrmnpq.cloudimg.io\/www.macifavantages.fr\/wp-content\/uploads\/2026\/01\/Visuel-cse-soldes-macif-500x500-Alexandra.jpg?func=crop&#038;w=500&#038;h=500\"\n                                                     alt=\"\" \/>\n                                                                                    <\/div>\n                                        <div class=\"\">\n                                            <input type=\"checkbox\" class=\"js-offer-selected\"\n                                                   data-coupon-api=\"1\"\n                                                   data-id=\"2118596\" checked \/>\n                                            <span class=\"checkmark\"><\/span>\n                                            <div class=\"coupon-card-checkbox-title\">Soldes d&#8217;hiver : jusqu&#8217;\u00e0 -40%<\/div>\n                                            <div class=\"coupon-card-checkbox-description\">sur votre location de vacances<\/div>\n                                        <\/div>\n                                    <\/div>\n                                <\/label>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n        <\/div>\n        <div class=\"js-coupon-card-checkbox-error notification notification-invalid\"><\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3\" data-dismiss=\"modal\"\n                        aria-label=\"Close\">Annuler<\/button>\n                <button class=\"button m-0 js-next-btn js-check-cookie\">\n                    Compl\u00e9ter mes informations                <\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 2 -->\n    <div id=\"modal-coupon-part-2\" class=\"js-popup-step d-none\" data-step=\"2\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Un avantage EXCLUSIVEMENT r\u00e9serv\u00e9 aux soci\u00e9taires Macif            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n\n            <!-- Formulaire -->\n            <form action=\"\/ma-page-de-traitement\" method=\"post\">\n                <div class=\"coupon-form d-flex align-items-center flex-column\">\n                    <div class=\"coupon-form-content\">\n                        <div class=\"coupon-form-title\">Informations du soci\u00e9taire\/adh\u00e9rent<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"d-flex gap-sm\">\n                                <div class=\"form-field\">\n                                    <label for=\"name\">Nom                                        <span class=\"asterisk\">*<\/span>\n                                    <\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"name\" name=\"user_name\"\n                                               required=\"required\" class=\"js-lastname\"\n                                               placeholder=\"Nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-lastname-error\">Ce champ est obligatoire.<\/div>\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le pr\u00e9nom. Votre nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                                <div class=\"form-field\">\n                                    <label for=\"firstName\">Pr\u00e9nom<span\n                                                class=\"asterisk\">*<\/span><\/label>\n                                    <div class=\"field-icon\">\n                                        <input type=\"text\" id=\"firstName\" name=\"user_firstName\" class=\"js-firstname\"\n                                               placeholder=\"Pr\u00e9nom\" \/>\n                                        <i class=\"icon icon-person\"><\/i>\n                                    <\/div>\n                                    <div class=\"notification notification-invalid js-notification-invalid js-firstname-error\">Ce champ est obligatoire.<\/div>\n\n                                    <div class=\"consigne\">\n                                        \u00c0 renseigner sans le nom. Votre pr\u00e9nom doit \u00eatre saisi tel qu\u2019il\n                                    appara\u00eet dans vos communications Macif \/ Mutuelle (ex : avis\n                                    d\u2019\u00e9ch\u00e9ance, carte de mutuelle).                                    <\/div>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"date\">Date de naissance                                    <span class=\"asterisk\">*<\/span><\/label>\n                                <div class=\"field-icon\">\n                                    <input class=\"calendar js-birthdate\" type=\"text\" id=\"date\" name=\"user_date\" data-mask=\"00\/00\/0000\" \/>\n                                    <i class=\"icon icon-calendar\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-birthdate-error\" data-nosnippet>Ce champ est obligatoire au format jj\/mm\/aaaa (ex: 29\/03\/2005).<\/div>\n\n                                <div class=\"consigne\">\n                                    \u00c0 renseigner sous le format JJ\/MM\/AAAA. La date de naissance doit \u00eatre\n                            celle du soci\u00e9taire\/adh\u00e9rent.                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <hr class=\"hr\">\n                        <div class=\"coupon-form-title\">Vos informations<\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label for=\"mail\">Votre email                                    <span class=\"asterisk\">*<\/span>\n                                <\/label>\n                                <div class=\"field-icon\">\n                                    <input type=\"email\" id=\"mail\" name=\"user_mail\" class=\"js-email\"\n                                           placeholder=\"Email\" \/>\n                                    <i class=\"icon icon-mail\"><\/i>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-notification-invalid js-email-error\">Ce champ est obligatoire.<\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                    <div class=\"coupon-form-footer\">\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-check-cgu\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    <div>\n                                        J&#8217;ai lu et j&#8217;accepte les                                         <a href=\"https:\/\/www.macifavantages.fr\/conditions-generales-dutilisation\/\" target=\"_blank\">CGU<\/a>\n                                         et le                                         <a href=\"https:\/\/www.macifavantages.fr\/donnees-personnelles\/\" target=\"_blank\">traitement des donn\u00e9es personnelles<\/a>\n                                         comme indiqu\u00e9s ci-dessous\n                                    <\/div>\n                                <\/label>\n                                <div class=\"notification notification-invalid js-notification-invalid js-check-cgu-error\">Vous devez accepter les CGU.<\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"form-row\">\n                            <div class=\"form-field\">\n                                <label class=\"input-checkbox-container\">\n                                    <input type=\"checkbox\" id=\"horns\" name=\"horns\" class=\"js-remmember-me\" \/>\n                                    <span class=\"checkmark\"><\/span>\n                                    Se souvenir de moi                                <\/label>\n                                <div class=\"consigne mt-2\"><span\n                                            class='asterisk'>*<\/span> Information obligatoire                                <\/div>\n                                <div class=\"consigne mt-2\">\n                                    <b>Offre non r\u00e9troactive, hors Eco-participation, valable dans la limite des stocks disponibles. Non cumulable avec d\u2019autres offres en cours et offres de remboursement. Codes personnels et \u00e0 usage unique.<\/b>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                    <\/div>\n                <\/div>\n            <\/form>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"notification notification-invalid js-notification-invalid js-call-api-error\"><\/div>\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <button class=\"button m-0 js-next-btn js-save-user\">Obtenir mon avantage<i\n                            class=\"icon icon-arrow-right ml-2\"><\/i><\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 3 -->\n    <div id=\"modal-coupon-part-3\" class=\"js-popup-step d-none\" data-step=\"3\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                <span class=\"js-popup-step3-title\">Mes r\u00e9ductions<\/span>\n            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content\">\n            <div class=\"row justify-content-center mb-5\">\n\n                                                            <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-code js-coupon-conteneur-code-2118596\"\n                             data-id=\"2118596\">\n                            <div class=\"coupon-card\">\n                                <div>\n                                    <div class=\"coupon-card-title\">Soldes d&#8217;hiver : jusqu&#8217;\u00e0 -40%<\/div>\n                                    <div class=\"coupon-card-description\">sur votre location de vacances<\/div>\n                                <\/div>\n                                <div>\n                                    <!-- Coupon code -->\n                                    <div class=\"text-center text-lg-left js-coupon-conteneur-code-code-zone js-coupon-conteneur-code-code-zone-2118596\"\n                                         data-coupon-code-id=\"2118596\">\n                                        <div class=\"coupon-code d-inline-block\">\n                                            <div class=\"d-flex align-items-center\">\n                                                <div class=\"coupon-code-value coupon-code-blur mx-6 js-fill-coupon-code-txt-2118596\"><\/div>\n                                                <a class=\"button mb-0 js-coupon-code-btn js-fill-coupon-code-btn-2118596 js-gtm-offer-item-confirmation\"\n                                                   data-value=\"\">\n                                                    <span class=\"js-wording-before-copy d-block\" data-see-code-txt=\"Voir le code\">Copier le code<\/span>\n                                                    <span class=\"js-wording-after-copy d-none\"><em>Le code est copi\u00e9 !<\/em><\/span>\n                                                <\/a>\n                                            <\/div>\n                                        <\/div>\n                                    <\/div>\n                                    <a class=\"button m-0 w-100 mt-5 js-url-coupon-code-btn js-url-coupon-code-btn-2118596 js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                                       data-partner-offer-id=\"2118580\"\n                                       href=\"\"\n                                       target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n                                <\/div>\n                            <\/div>\n                        <\/div>\n                        <div class=\"col-lg-6 col-12 mb-4 js-coupon-conteneur-error js-coupon-conteneur-error-2118596\"\n                             data-id=\"2118596\">\n                            <div class=\"coupon-card disabled\">\n                                <div>\n                                    <div class=\"coupon-card-title\">Soldes d&#8217;hiver : jusqu&#8217;\u00e0 -40%<\/div>\n                                    <div class=\"coupon-card-description\">sur votre location de vacances<\/div>\n                                <\/div>\n                                <div class=\"notification notification-invalid js-coupon-error-message-2118596\"><\/div>\n                            <\/div>\n                        <\/div>\n                                                <\/div>\n\n                    <h4 class=\"subtitle\">Comment \u00e7a marche<\/h4>\n<div class=\"partner-content content-blue\">\n    <div class=\"content-title\">\n        <i class=\"icon icon-internet\"><\/i>\n        En quelques clics    <\/div>\n<\/div>\n\n    <p><p>1. Je clique sur \u201cJ&#8217;en profite\u201d pour obtenir mon code<br \/>\n2. Je s\u00e9lectionne le s\u00e9jour de mon choix<br \/>\n3. Je renseigne mon code dans le champ &#8220;code C.E.&#8221; et finalise ma commande<\/p>\n<\/p>\n\n        <\/div>\n\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white  mb-0 mr-3 js-prev-btn\">Retour<\/button>\n                <a class=\"button m-0 js-url-coupon-code-btn js-url-coupon-code-btn-all js-gtm-partner-offer-purchase-modal-coupon js-gtm-offer-item-confirmation\"\n                   href=\"\"\n                   data-partner-offer-id=\"2118580\"\n                   target=\"_blank\">J&#8217;acc\u00e8de au site<\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n\n    <!-- STEP 4 -->\n    <div id=\"modal-coupon-part-4\" class=\"js-popup-step d-none\" data-step=\"4\">\n        <div class=\"discount-coupon-header\">\n            <h2 class=\"discount-coupon-header-title text-center text m-0\">\n                Il y a eu une erreur lors de votre parcours.<br>Veuillez utiliser le bouton &#8220;Retour&#8221; pour le reprendre.            <\/h2>\n        <\/div>\n        <div class=\"discount-coupon-content text-center\">\n            <p class=\"discount-coupon-general-error-message\">message<\/p>\n        <\/div>\n        <div class=\"discount-coupon-footer\">\n            <div class=\"d-flex justify-content-end mt-4\">\n                <button class=\"button button-white mb-0 mr-3 js-goto-first-step-btn\">Retour<\/button>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n                <\/div>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n<template>\n    {{#coupons}}\n    <strong>{{coupon.title}}<\/strong>\n    <strong>{{coupon.title}}<\/strong>\n    {{%coupon.url}}\n    <strong>{{coupon.url}}<\/strong>\n    {{%coupon.url}}\n    {{\/coupons}}\n    {{%generalUrl%}}\n    {{#generalUrl}}\n<\/template>\n\n","protected":false},"template":"","acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v24.2 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>Vacanc\u00e9ole - Macif Avantages<\/title>\n<meta name=\"description\" content=\"Profitez en quelques clics de votre remise Macif Avantages, r\u00e9serv\u00e9e exclusivement aux soci\u00e9taires Macif. Et faites des \u00e9conomies toute l&#039;ann\u00e9e chez notre partenaire.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Vacanc\u00e9ole - Macif Avantages\" \/>\n<meta property=\"og:description\" content=\"Profitez en quelques clics de votre remise Macif Avantages, r\u00e9serv\u00e9e exclusivement aux soci\u00e9taires Macif. Et faites des \u00e9conomies toute l&#039;ann\u00e9e chez notre partenaire.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/\" \/>\n<meta property=\"og:site_name\" content=\"Macif Avantages\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/MacifAssurances\/\" \/>\n<meta property=\"article:modified_time\" content=\"2025-10-29T16:40:59+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@MacifAssurances\" \/>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Vacanc\u00e9ole - Macif Avantages","description":"Profitez en quelques clics de votre remise Macif Avantages, r\u00e9serv\u00e9e exclusivement aux soci\u00e9taires Macif. Et faites des \u00e9conomies toute l'ann\u00e9e chez notre partenaire.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/","og_locale":"fr_FR","og_type":"article","og_title":"Vacanc\u00e9ole - Macif Avantages","og_description":"Profitez en quelques clics de votre remise Macif Avantages, r\u00e9serv\u00e9e exclusivement aux soci\u00e9taires Macif. Et faites des \u00e9conomies toute l'ann\u00e9e chez notre partenaire.","og_url":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/","og_site_name":"Macif Avantages","article_publisher":"https:\/\/www.facebook.com\/MacifAssurances\/","article_modified_time":"2025-10-29T16:40:59+00:00","twitter_card":"summary_large_image","twitter_site":"@MacifAssurances","schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/","url":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/","name":"Vacanc\u00e9ole - Macif Avantages","isPartOf":{"@id":"https:\/\/www.macifavantages.fr\/#website"},"datePublished":"2022-12-31T23:00:00+00:00","dateModified":"2025-10-29T16:40:59+00:00","description":"Profitez en quelques clics de votre remise Macif Avantages, r\u00e9serv\u00e9e exclusivement aux soci\u00e9taires Macif. Et faites des \u00e9conomies toute l'ann\u00e9e chez notre partenaire.","breadcrumb":{"@id":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.macifavantages.fr\/partenaire\/vacanceole\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Accueil","item":"https:\/\/www.macifavantages.fr\/"},{"@type":"ListItem","position":2,"name":"Vacanc\u00e9ole"}]},{"@type":"WebSite","@id":"https:\/\/www.macifavantages.fr\/#website","url":"https:\/\/www.macifavantages.fr\/","name":"Macif Avantages","description":"","publisher":{"@id":"https:\/\/www.macifavantages.fr\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.macifavantages.fr\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"},{"@type":"Organization","@id":"https:\/\/www.macifavantages.fr\/#organization","name":"Macif Avantages","url":"https:\/\/www.macifavantages.fr\/","logo":{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/www.macifavantages.fr\/#\/schema\/logo\/image\/","url":"https:\/\/www.macifavantages.fr\/wp-content\/uploads\/2024\/01\/macif_avantages.png","contentUrl":"https:\/\/www.macifavantages.fr\/wp-content\/uploads\/2024\/01\/macif_avantages.png","width":1466,"height":382,"caption":"Macif Avantages"},"image":{"@id":"https:\/\/www.macifavantages.fr\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/MacifAssurances\/","https:\/\/x.com\/MacifAssurances","https:\/\/www.tiktok.com\/@macifassurances"]}]}},"_links":{"self":[{"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/partner\/4168"}],"collection":[{"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/partner"}],"about":[{"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/types\/partner"}],"version-history":[{"count":10,"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/partner\/4168\/revisions"}],"predecessor-version":[{"id":985182,"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/partner\/4168\/revisions\/985182"}],"wp:attachment":[{"href":"https:\/\/www.macifavantages.fr\/wp-json\/wp\/v2\/media?parent=4168"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}