{"id":10,"date":"2026-05-17T22:25:43","date_gmt":"2026-05-17T22:25:43","guid":{"rendered":"https:\/\/travel-adv.com\/?page_id=10"},"modified":"2026-05-18T21:32:46","modified_gmt":"2026-05-19T00:32:46","slug":"mwr","status":"publish","type":"page","link":"https:\/\/travel-adv.com\/fr\/","title":{"rendered":"MWR"},"content":{"rendered":"
\n\t\t\t\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t\t
\n\t\t\t
\n\t\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\r\n\r\n\r\n\r\n\r\nVie MWR \u2014 En-t\u00eate<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HEADER \/ NAVIGATION (Transparent over hero) \u2014 v2\r\n Paste from <style> down to <\/script> into an Elementor HTML widget.\r\n Place at the very top of every page (or in Elementor Header template).\r\n\r\n BEHAVIOR:\r\n - On HOME page (with .mwr-hero below): transparent over hero, becomes\r\n navy with blur on scroll\r\n - On OTHER pages (no .mwr-hero): starts in navy solid state immediately\r\n\r\n LOGO COLOR: A CSS filter whitens the logo so it shows on dark backgrounds.\r\n If you upload a white version of the logo later, REMOVE the filter rule\r\n marked \"WHITEN\" below.\r\n\r\n TRANSLATEPRESS: [language-switcher] shortcode embedded. If your\r\n Elementor doesn't process shortcodes in HTML widgets, remove that\r\n line and place a separate Shortcode widget alongside.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-nav, .mwr-nav *, .mwr-nav *::before, .mwr-nav *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-nav {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n z-index: 100;\r\n background: transparent;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n transition: background-color 0.35s ease, backdrop-filter 0.35s ease, box-shadow 0.35s ease;\r\n width: 100%;\r\n}\r\n\r\n\/* Scrolled state \u2014 navy with frosted blur *\/\r\n.mwr-nav.is-scrolled {\r\n background: rgba(10, 31, 61, 0.88);\r\n backdrop-filter: blur(14px) saturate(160%);\r\n -webkit-backdrop-filter: blur(14px) saturate(160%);\r\n box-shadow: 0 4px 24px -8px rgba(0, 0, 0, 0.35);\r\n}\r\n\r\n.mwr-nav-inner {\r\n max-width: 1320px;\r\n margin: 0 auto;\r\n padding: 0.9rem clamp(1.25rem, 4vw, 2.5rem);\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: clamp(2.5rem, 6vw, 4.5rem);\r\n}\r\n\r\n\/* ---------- Logo ---------- *\/\r\n.mwr-nav-logo {\r\n display: flex;\r\n align-items: center;\r\n flex-shrink: 0;\r\n text-decoration: none;\r\n}\r\n.mwr-nav-logo img {\r\n display: block;\r\n height: 38px;\r\n width: auto;\r\n object-fit: contain;\r\n}\r\n\r\n\/* ---------- Main links ---------- *\/\r\n.mwr-nav-links {\r\n display: flex;\r\n align-items: center;\r\n flex: 1;\r\n justify-content: space-between;\r\n gap: 2rem;\r\n min-width: 0;\r\n}\r\n\r\n.mwr-nav-list {\r\n display: flex;\r\n list-style: none;\r\n margin: 0;\r\n padding: 0;\r\n gap: 1.7rem;\r\n align-items: center;\r\n}\r\n\r\n.mwr-nav-link {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 500;\r\n font-size: 0.94rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n position: relative;\r\n padding: 0.5rem 0;\r\n display: inline-block;\r\n}\r\n.mwr-nav-link:hover {\r\n color: #f5c842;\r\n}\r\n\r\n\/* Active state (current page) *\/\r\n.mwr-nav-link.is-active {\r\n color: #f5c842;\r\n}\r\n.mwr-nav-link.is-active::after {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: -2px;\r\n height: 2px;\r\n background: #f5c842;\r\n border-radius: 2px;\r\n}\r\n\r\n\/* ---------- Right side (lang + auth) ---------- *\/\r\n.mwr-nav-right {\r\n display: flex;\r\n align-items: center;\r\n gap: 1.2rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n\/* ---------- Language switcher container ---------- *\/\r\n.mwr-nav-lang {\r\n position: relative;\r\n display: flex;\r\n align-items: center;\r\n font-size: 0.88rem;\r\n}\r\n\r\n\/* TranslatePress wrappers \u2014 strip default styling *\/\r\n.mwr-nav-lang .trp_language_switcher_shortcode,\r\n.mwr-nav-lang .trp-language-switcher,\r\n.mwr-nav-lang .trp-language-switcher-container {\r\n background: transparent !important;\r\n border: 0 !important;\r\n padding: 0 !important;\r\n margin: 0 !important;\r\n position: relative !important;\r\n display: inline-block !important;\r\n}\r\n\r\n\/* The visible \"current language\" button (closed state) *\/\r\n\/* MUST always remain visible \u2014 TP's JS tries to hide it when dropdown opens *\/\r\n.mwr-nav-lang .trp-ls-shortcode-current-language,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language[style*=\"display\"],\r\n.mwr-nav-lang .trp-ls-shortcode-current-language[style*=\"visibility\"] {\r\n width: auto !important;\r\n min-width: auto !important;\r\n max-width: none !important;\r\n display: inline-flex !important;\r\n visibility: visible !important;\r\n opacity: 1 !important;\r\n align-items: center !important;\r\n gap: 0.5rem !important;\r\n padding: 0.45rem 0.95rem !important;\r\n border-radius: 8px !important;\r\n background: #1a3a64 !important;\r\n border: 1px solid rgba(255, 255, 255, 0.18) !important;\r\n color: #ffffff !important;\r\n font-family: 'Manrope', system-ui, sans-serif !important;\r\n font-size: 0.85rem !important;\r\n font-weight: 500 !important;\r\n text-decoration: none !important;\r\n cursor: pointer !important;\r\n white-space: nowrap !important;\r\n transition: all 0.25s ease !important;\r\n line-height: 1.2 !important;\r\n height: auto !important;\r\n box-shadow: none !important;\r\n pointer-events: auto !important;\r\n position: relative !important;\r\n z-index: 2 !important;\r\n}\r\n\r\n\/* Force white text on all elements inside the button (incl. spans\/links TP injects) *\/\r\n.mwr-nav-lang .trp-ls-shortcode-current-language,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language *,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language a,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language span {\r\n color: #ffffff !important;\r\n}\r\n\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover {\r\n background: #0a1f3d !important;\r\n border-color: rgba(245, 200, 66, 0.5) !important;\r\n}\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover *,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover a,\r\n.mwr-nav-lang .trp-ls-shortcode-current-language:hover span {\r\n color: #ffffff !important;\r\n}\r\n\r\n\/* Dropdown panel (.trp-ls-shortcode-language) *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language {\r\n width: auto !important;\r\n min-width: 170px !important;\r\n max-width: none !important;\r\n position: absolute !important;\r\n top: calc(100% + 0.5rem) !important;\r\n right: 0 !important;\r\n left: auto !important;\r\n background: #0a1f3d !important;\r\n border-radius: 10px !important;\r\n box-shadow: 0 12px 32px -8px rgba(0, 0, 0, 0.55) !important;\r\n border: 1px solid rgba(255, 255, 255, 0.1) !important;\r\n margin: 0 !important;\r\n padding: 0.35rem 0 !important;\r\n list-style: none !important;\r\n z-index: 200 !important;\r\n overflow: hidden !important;\r\n}\r\n\r\n\/* Each language link inside the dropdown *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language > a {\r\n display: flex !important;\r\n align-items: center !important;\r\n gap: 0.6rem !important;\r\n padding: 0.6rem 1rem !important;\r\n color: #ffffff !important;\r\n background: transparent !important;\r\n text-decoration: none !important;\r\n border: 0 !important;\r\n border-radius: 0 !important;\r\n font-family: 'Manrope', system-ui, sans-serif !important;\r\n font-size: 0.88rem !important;\r\n font-weight: 500 !important;\r\n line-height: 1.2 !important;\r\n transition: all 0.2s ease !important;\r\n white-space: nowrap !important;\r\n}\r\n\r\n.mwr-nav-lang .trp-ls-shortcode-language > a:hover {\r\n background: rgba(245, 200, 66, 0.12) !important;\r\n color: #f5c842 !important;\r\n}\r\n\r\n\/* Current\/disabled language INSIDE the dropdown \u2014 shown as the active one *\/\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-shortcode-disabled-language,\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-disabled-language {\r\n opacity: 0.55 !important;\r\n cursor: default !important;\r\n pointer-events: none !important;\r\n}\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-shortcode-disabled-language:hover,\r\n.mwr-nav-lang .trp-ls-shortcode-language .trp-ls-disabled-language:hover {\r\n background: transparent !important;\r\n color: rgba(255, 255, 255, 0.55) !important;\r\n}\r\n\r\n\/* Flag images (.trp-flag-image and inline imgs) *\/\r\n.mwr-nav-lang img,\r\n.mwr-nav-lang .trp-flag-image {\r\n width: 20px !important;\r\n height: 14px !important;\r\n border-radius: 2px !important;\r\n object-fit: cover !important;\r\n display: inline-block !important;\r\n vertical-align: middle !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n border: 0 !important;\r\n box-shadow: none !important;\r\n flex-shrink: 0 !important;\r\n}\r\n\r\n\/* Login link *\/\r\n.mwr-nav-login {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 500;\r\n font-size: 0.93rem;\r\n color: #ffffff;\r\n text-decoration: none;\r\n transition: color 0.2s ease;\r\n white-space: nowrap;\r\n}\r\n.mwr-nav-login:hover {\r\n color: #f5c842;\r\n}\r\n\r\n\/* Join CTA *\/\r\n.mwr-nav-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.4rem;\r\n padding: 0.65rem 1.3rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.25s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 6px 18px -6px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-nav-cta:hover {\r\n background: #46a8b3;\r\n transform: translateY(-1px);\r\n box-shadow: 0 10px 22px -6px rgba(45, 142, 154, 0.7);\r\n color: #ffffff;\r\n}\r\n\r\n\/* ---------- Mobile hamburger toggle ---------- *\/\r\n.mwr-nav-toggle {\r\n display: none;\r\n background: transparent;\r\n border: 0;\r\n cursor: pointer;\r\n padding: 0;\r\n width: 36px;\r\n height: 36px;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 5px;\r\n z-index: 101;\r\n flex-shrink: 0;\r\n}\r\n.mwr-nav-toggle span {\r\n display: block;\r\n width: 22px;\r\n height: 2px;\r\n background: #ffffff;\r\n border-radius: 2px;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(1) {\r\n transform: translateY(7px) rotate(45deg);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(2) {\r\n opacity: 0;\r\n transform: translateX(-10px);\r\n}\r\n.mwr-nav-toggle[aria-expanded=\"true\"] span:nth-child(3) {\r\n transform: translateY(-7px) rotate(-45deg);\r\n}\r\n\r\n\/* Mobile menu backdrop *\/\r\n.mwr-nav-backdrop {\r\n display: none;\r\n position: fixed;\r\n inset: 0;\r\n background: rgba(0, 0, 0, 0.6);\r\n z-index: 99;\r\n opacity: 0;\r\n transition: opacity 0.3s ease;\r\n}\r\n.mwr-nav.is-open .mwr-nav-backdrop {\r\n display: block;\r\n opacity: 1;\r\n}\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1024px) {\r\n .mwr-nav-list { gap: 1.3rem; }\r\n .mwr-nav-right { gap: 0.9rem; }\r\n}\r\n\r\n@media (max-width: 900px) {\r\n .mwr-nav-toggle {\r\n display: flex;\r\n }\r\n\r\n .mwr-nav-links {\r\n position: fixed;\r\n top: 0;\r\n right: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100vh;\r\n height: 100dvh;\r\n background: #0a1f3d;\r\n flex-direction: column;\r\n align-items: stretch;\r\n justify-content: flex-start;\r\n padding: 5.5rem 2rem 2.5rem;\r\n gap: 0;\r\n transform: translateX(100%);\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n overflow-y: auto;\r\n z-index: 100;\r\n }\r\n\r\n .mwr-nav.is-open .mwr-nav-links {\r\n transform: translateX(0);\r\n }\r\n\r\n .mwr-nav-list {\r\n flex-direction: column;\r\n gap: 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.1);\r\n padding-bottom: 1.2rem;\r\n margin-bottom: 1.5rem;\r\n align-items: stretch;\r\n }\r\n\r\n .mwr-nav-list li {\r\n width: 100%;\r\n }\r\n\r\n .mwr-nav-link {\r\n display: block;\r\n padding: 0.95rem 0;\r\n font-size: 1.05rem;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.06);\r\n }\r\n\r\n .mwr-nav-link.is-active::after {\r\n display: none;\r\n }\r\n .mwr-nav-link.is-active {\r\n color: #f5c842;\r\n font-weight: 600;\r\n }\r\n\r\n .mwr-nav-right {\r\n flex-direction: column;\r\n align-items: stretch;\r\n gap: 1rem;\r\n }\r\n\r\n .mwr-nav-lang {\r\n padding: 0.5rem 0;\r\n border-bottom: 1px solid rgba(255, 255, 255, 0.08);\r\n }\r\n\r\n .mwr-nav-login {\r\n text-align: center;\r\n padding: 0.7rem;\r\n }\r\n\r\n .mwr-nav-cta {\r\n justify-content: center;\r\n padding: 0.95rem;\r\n font-size: 0.95rem;\r\n }\r\n\r\n \/* Body lock when menu open *\/\r\n body.mwr-nav-open {\r\n overflow: hidden;\r\n }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mwr-nav-inner { padding: 0.8rem 1.1rem; }\r\n .mwr-nav-logo img { height: 32px; }\r\n}\r\n<\/style>\r\n\r\n<header class=\"mwr-nav\" id=\"mwrNav\">\r\n\r\n <div class=\"mwr-nav-backdrop\" id=\"mwrNavBackdrop\"><\/div>\r\n\r\n <div class=\"mwr-nav-inner\">\r\n\r\n <a href=\"\/fr\/\" class=\"mwr-nav-logo\" aria-label=\"Vie MWR \u2014 retour \u00e0 l'accueil\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/logo-mwrlife-white.webp\"\r\n alt=\"MWR Life\"\r\n width=\"195\"\r\n height=\"54\">\r\n <\/a>\r\n\r\n <button class=\"mwr-nav-toggle\"\r\n id=\"mwrNavToggle\"\r\n type=\"button\"\r\n aria-label=\"Ouvrir le menu\"\r\n aria-expanded=\"false\"\r\n aria-controls=\"mwrNavLinks\">\r\n <span><\/span><span><\/span><span><\/span>\r\n <\/button>\r\n\r\n <nav class=\"mwr-nav-links\" id=\"mwrNavLinks\" aria-label=\"Navigation principale\">\r\n\r\n <ul class=\"mwr-nav-list\">\r\n <li><a href=\"\/fr\/\" class=\"mwr-nav-link is-active\">Accueil<\/a><\/li>\r\n <li><a href=\"https:\/\/travel-adv.com\/fr\/produits\/\" class=\"mwr-nav-link\">Produits<\/a><\/li>\r\n <li><a href=\"https:\/\/travel-adv.com\/fr\/opportunite\/\" class=\"mwr-nav-link\">Opportunit\u00e9<\/a><\/li>\r\n <li><a href=\"\/fr\/about\/\" class=\"mwr-nav-link\">\u00c0 Propos<\/a><\/li>\r\n <li><a href=\"\/fr\/blog\/\" class=\"mwr-nav-link\">Blog<\/a><\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-nav-right\">\r\n\r\n <div class=\"mwr-nav-lang\">\r\n <div class=\"trp_language_switcher_shortcode\">\n<div class=\"trp-language-switcher trp-language-switcher-container\" data-no-translation>\n <div class=\"trp-ls-shortcode-current-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"French\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"French\"> French\t\t<\/a>\n <\/div>\n <div class=\"trp-ls-shortcode-language\">\n <a href=\"#\" class=\"trp-ls-shortcode-disabled-language trp-ls-disabled-language\" title=\"French\" onclick=\"event.preventDefault()\">\n\t\t\t<img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/fr_FR.png\" width=\"18\" height=\"12\" alt=\"fr_FR\" title=\"French\"> French\t\t<\/a>\n <a href=\"https:\/\/travel-adv.com\/wp-json\/wp\/v2\/pages\/10\/\" title=\"English\">\n <img decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/en_US.png\" width=\"18\" height=\"12\" alt=\"en_US\" title=\"English\"> English <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/pt\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Portuguese\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/pt_BR.png\" width=\"18\" height=\"12\" alt=\"pt_BR\" title=\"Portuguese\"> Portuguese <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/de\/wp-json\/wp\/v2\/pages\/10\/\" title=\"German\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/de_DE.png\" width=\"18\" height=\"12\" alt=\"de_DE\" title=\"German\"> German <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/it\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Italian\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/it_IT.png\" width=\"18\" height=\"12\" alt=\"it_IT\" title=\"Italian\"> Italian <\/a>\n\n <a href=\"https:\/\/travel-adv.com\/es\/wp-json\/wp\/v2\/pages\/10\/\" title=\"Spanish\">\n <img loading=\"lazy\" decoding=\"async\" class=\"trp-flag-image\" src=\"https:\/\/travel-adv.com\/wp-content\/plugins\/translatepress-multilingual\/assets\/images\/flags\/es_ES.png\" width=\"18\" height=\"12\" alt=\"es_ES\" title=\"Spanish\"> Spanish <\/a>\n\n <\/div>\n <script type=\"application\/javascript\">\n \/\/ need to have the same with set from JS on both divs. Otherwise it can push stuff around in HTML\n var trp_ls_shortcodes = document.querySelectorAll('.trp_language_switcher_shortcode .trp-language-switcher');\n if ( trp_ls_shortcodes.length > 0) {\n \/\/ get the last language switcher added\n var trp_el = trp_ls_shortcodes[trp_ls_shortcodes.length - 1];\n\n var trp_shortcode_language_item = trp_el.querySelector( '.trp-ls-shortcode-language' )\n \/\/ set width\n var trp_ls_shortcode_width = trp_shortcode_language_item.offsetWidth + 16;\n trp_shortcode_language_item.style.width = trp_ls_shortcode_width + 'px';\n trp_el.querySelector( '.trp-ls-shortcode-current-language' ).style.width = trp_ls_shortcode_width + 'px';\n\n \/\/ We're putting this on display: none after we have its width.\n trp_shortcode_language_item.style.display = 'none';\n }\n <\/script>\n<\/div>\n<\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/Home\/login\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"mwr-nav-login\">Connexion<\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\"\r\n target=\"_blank\"\r\n rel=\"noopener noreferrer\"\r\n class=\"mwr-nav-cta\">Devenir Membre<\/a>\r\n\r\n <\/div>\r\n <\/nav>\r\n\r\n <\/div>\r\n<\/header>\r\n\r\n<script>\r\n(function() {\r\n var nav = document.getElementById('mwrNav');\r\n var toggle = document.getElementById('mwrNavToggle');\r\n var backdrop = document.getElementById('mwrNavBackdrop');\r\n if (!nav || !toggle) return;\r\n\r\n \/* Detect if page has a hero \u2014 if not, start in scrolled (navy) state *\/\r\n function checkHero() {\r\n var hasHero = document.querySelector('.mwr-hero');\r\n if (!hasHero) {\r\n nav.classList.add('is-scrolled');\r\n nav.dataset.noHero = 'true';\r\n }\r\n }\r\n\r\n function closeMenu() {\r\n nav.classList.remove('is-open');\r\n toggle.setAttribute('aria-expanded', 'false');\r\n toggle.setAttribute('aria-label', 'Open menu');\r\n document.body.classList.remove('mwr-nav-open');\r\n }\r\n\r\n function openMenu() {\r\n nav.classList.add('is-open');\r\n toggle.setAttribute('aria-expanded', 'true');\r\n toggle.setAttribute('aria-label', 'Close menu');\r\n document.body.classList.add('mwr-nav-open');\r\n }\r\n\r\n toggle.addEventListener('click', function() {\r\n if (nav.classList.contains('is-open')) {\r\n closeMenu();\r\n } else {\r\n openMenu();\r\n }\r\n });\r\n\r\n if (backdrop) backdrop.addEventListener('click', closeMenu);\r\n\r\n document.querySelectorAll('.mwr-nav-link, .mwr-nav-login').forEach(function(link) {\r\n link.addEventListener('click', closeMenu);\r\n });\r\n\r\n document.addEventListener('keydown', function(e) {\r\n if (e.key === 'Escape' && nav.classList.contains('is-open')) closeMenu();\r\n });\r\n\r\n \/* Background change on scroll (only on pages WITH hero) *\/\r\n function onScroll() {\r\n if (nav.dataset.noHero === 'true') return;\r\n if (window.scrollY > 40) {\r\n nav.classList.add('is-scrolled');\r\n } else {\r\n nav.classList.remove('is-scrolled');\r\n }\r\n }\r\n\r\n window.addEventListener('scroll', onScroll, { passive: true });\r\n window.addEventListener('resize', function() {\r\n if (window.innerWidth > 900 && nav.classList.contains('is-open')) closeMenu();\r\n });\r\n\r\n \/* Initial setup *\/\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', function() {\r\n checkHero();\r\n onScroll();\r\n guardLanguageSwitcher();\r\n });\r\n } else {\r\n checkHero();\r\n onScroll();\r\n guardLanguageSwitcher();\r\n }\r\n\r\n \/* Prevent TranslatePress JS from hiding the current language button *\/\r\n function guardLanguageSwitcher() {\r\n var btn = document.querySelector('.mwr-nav-lang .trp-ls-shortcode-current-language');\r\n if (!btn) {\r\n \/* Try again later \u2014 TP might inject the markup after our script runs *\/\r\n setTimeout(guardLanguageSwitcher, 500);\r\n return;\r\n }\r\n\r\n function forceVisible() {\r\n btn.style.removeProperty('display');\r\n btn.style.removeProperty('visibility');\r\n btn.style.removeProperty('opacity');\r\n }\r\n\r\n \/* Watch for any inline-style changes and reset them *\/\r\n var observer = new MutationObserver(function(mutations) {\r\n mutations.forEach(function(m) {\r\n if (m.type === 'attributes' && m.attributeName === 'style') {\r\n forceVisible();\r\n }\r\n });\r\n });\r\n observer.observe(btn, { attributes: true, attributeFilter: ['style'] });\r\n\r\n forceVisible();\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-08bd4cd elementor-widget elementor-widget-html\" data-id=\"08bd4cd\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Vie MWR \u2014 H\u00e9ros<\/title>\r\n<style>\r\n body { margin: 0; background: #faf6ee; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HERO SECTION\r\n Paste everything from <style> down to <\/section> into an\r\n Elementor HTML widget. Replace the background image URL\r\n inside .mwr-hero-bg when ready.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;500;600;700&display=swap');\r\n\r\n.mwr-hero, .mwr-hero *, .mwr-hero *::before, .mwr-hero *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-hero {\r\n position: relative;\r\n min-height: 92vh;\r\n display: flex;\r\n align-items: center;\r\n overflow: hidden;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: 0;\r\n \/* Full-bleed: breaks out of any narrow parent container in Elementor *\/\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Background image *\/\r\n.mwr-hero-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n pointer-events: none;\r\n background-image:\r\n linear-gradient(180deg, rgba(10, 31, 61, 0.35) 0%, rgba(10, 31, 61, 0.65) 100%),\r\n url('https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/travel-adv-hero.webp');\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.mwr-hero-bg::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n pointer-events: none;\r\n background-image:\r\n radial-gradient(circle at 20% 80%, rgba(232, 220, 196, 0.12) 0, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(45, 142, 154, 0.15) 0, transparent 50%);\r\n}\r\n\r\n.mwr-hero-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 7rem clamp(1.25rem, 4vw, 2.5rem) 5rem;\r\n}\r\n\r\n.mwr-hero-content {\r\n position: relative;\r\n z-index: 3;\r\n max-width: 720px;\r\n}\r\n\r\n.mwr-hero-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.25rem);\r\n color: #e8dcc4;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.2rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 7vw, 5.8rem);\r\n font-weight: 400;\r\n line-height: 1.02;\r\n letter-spacing: -0.025em;\r\n color: #ffffff;\r\n margin: 0 0 1.5rem;\r\n opacity: 1;\r\n}\r\n.mwr-hero-title em {\r\n font-style: italic;\r\n font-weight: 300;\r\n color: #e8dcc4;\r\n}\r\n.mwr-hero-title strong {\r\n font-weight: 500;\r\n font-style: normal;\r\n}\r\n\r\n.mwr-hero-sub {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(1rem, 1.3vw, 1.18rem);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.92);\r\n max-width: 54ch;\r\n margin: 0 0 2.4rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-actions {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 1.5rem;\r\n opacity: 1;\r\n}\r\n\r\n.mwr-hero-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n letter-spacing: 0.01em;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n cursor: pointer;\r\n border: none;\r\n white-space: nowrap;\r\n}\r\n.mwr-hero-btn-primary {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n box-shadow: 0 12px 30px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-hero-btn-primary:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px -12px rgba(45, 142, 154, 0.75);\r\n color: #ffffff;\r\n}\r\n.mwr-hero-btn-primary::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-hero-btn-primary:hover::after { transform: translateX(4px); }\r\n\r\n\/* Ghost button (Watch the story) \u2014 same pill shape, outline style *\/\r\n.mwr-hero-btn-ghost {\r\n background: rgba(255, 255, 255, 0.08);\r\n color: #ffffff;\r\n border: 1.5px solid rgba(255, 255, 255, 0.55);\r\n backdrop-filter: blur(10px);\r\n -webkit-backdrop-filter: blur(10px);\r\n}\r\n.mwr-hero-btn-ghost:hover {\r\n background: #ffffff;\r\n color: #0a1f3d;\r\n border-color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-hero-btn-ghost svg {\r\n width: 11px;\r\n height: 12px;\r\n fill: currentColor;\r\n margin-right: -0.1rem;\r\n flex-shrink: 0;\r\n}\r\n\r\n.mwr-hero-trust {\r\n display: flex;\r\n flex-wrap: wrap;\r\n gap: 2rem;\r\n margin-top: 3.5rem;\r\n padding-top: 2rem;\r\n border-top: 1px solid rgba(255, 255, 255, 0.18);\r\n max-width: 640px;\r\n opacity: 1;\r\n}\r\n.mwr-hero-trust-item {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.15rem;\r\n}\r\n.mwr-hero-trust-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.6rem;\r\n font-weight: 500;\r\n color: #ffffff;\r\n line-height: 1;\r\n letter-spacing: -0.02em;\r\n}\r\n.mwr-hero-trust-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.7);\r\n font-weight: 500;\r\n}\r\n\r\n\r\n@media (max-width: 768px) {\r\n .mwr-hero { min-height: 88vh; }\r\n .mwr-hero-inner { padding: 6rem 1.25rem 4rem; }\r\n .mwr-hero-actions { gap: 0.8rem; width: 100%; flex-direction: column; align-items: stretch; }\r\n .mwr-hero-btn { width: 100%; justify-content: center; }\r\n .mwr-hero-trust { gap: 1.5rem; margin-top: 2.5rem; padding-top: 1.5rem; }\r\n .mwr-hero-trust-num { font-size: 1.3rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-hero\">\r\n <div class=\"mwr-hero-bg\" aria-hidden=\"true\"><\/div>\r\n\r\n <div class=\"mwr-hero-inner\">\r\n <div class=\"mwr-hero-content\">\r\n <span class=\"mwr-hero-kicker\">Un club de voyage international exclusif<\/span>\r\n\r\n <h1 class=\"mwr-hero-title\">\r\n R\u00e9alisez Vos R\u00eaves <em>avec<\/em> <strong>MWR Life<\/strong>\r\n <\/h1>\r\n\r\n <p class=\"mwr-hero-sub\">\r\n D\u00e9bloquez des tarifs exclusifs r\u00e9serv\u00e9s aux membres sur les h\u00f4tels, vols, resorts, croisi\u00e8res et exp\u00e9riences uniques dans plus de 130 pays. MWR Life est propuls\u00e9e par l\u2019IA, port\u00e9e par sa communaut\u00e9 et con\u00e7ue pour ceux qui refusent d\u2019attendre une ann\u00e9e enti\u00e8re entre deux aventures.\r\n <\/p>\r\n\r\n <div class=\"mwr-hero-actions\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-hero-btn mwr-hero-btn-primary\">Devenir Membre<\/a>\r\n\r\n <a href=\"#overview\" class=\"mwr-hero-btn mwr-hero-btn-ghost\" aria-label=\"Regardez l'histoire de MWR Life\">\r\n <svg viewbox=\"0 0 12 14\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M12 7L0 14V0z\"\/>\r\n <\/svg>\r\n Regardez le r\u00e9sum\u00e9\r\n <\/a>\r\n <\/div>\r\n\r\n <div class=\"mwr-hero-trust\">\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">500,000+<\/span>\r\n <span class=\"mwr-hero-trust-label\">Des membres du monde entier<\/span>\r\n <\/div>\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">130+<\/span>\r\n <span class=\"mwr-hero-trust-label\">Pays d\u00e9bloqu\u00e9s<\/span>\r\n <\/div>\r\n <div class=\"mwr-hero-trust-item\">\r\n <span class=\"mwr-hero-trust-num\">\u2605 4,8<\/span>\r\n <span class=\"mwr-hero-trust-label\">\u00c9valu\u00e9 sur Trustpilot<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-61c17a1 elementor-widget elementor-widget-html\" data-id=\"61c17a1\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Une nouvelle \u00e8re du voyage<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 A NEW ERA OF TRAVEL (Savings Showcase) \u2014 clean v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each card image URL (3 spots) \u2014 recommended 800 \u00d7 600px.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-era, .mwr-era *, .mwr-era *::before, .mwr-era *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-era {\r\n position: relative;\r\n background: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n color: #1a1f2b;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-era-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (MWR pattern) ---------- *\/\r\n.mwr-era-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-era-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-era-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-era-title .mwr-era-title-em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n\/* Yellow wave decoration (MWR signature accent) *\/\r\n.mwr-era-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-era-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Cards grid ---------- *\/\r\n.mwr-era-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n margin-bottom: 3.5rem;\r\n}\r\n\r\n.mwr-era-card {\r\n background: #ffffff;\r\n border-radius: 14px;\r\n overflow: hidden;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: flex;\r\n flex-direction: column;\r\n}\r\n.mwr-era-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 18px 40px -16px rgba(26, 58, 100, 0.18);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n.mwr-era-image {\r\n position: relative;\r\n aspect-ratio: 4 \/ 3;\r\n background-size: cover;\r\n background-position: center;\r\n background-color: #f5f5f0;\r\n overflow: hidden;\r\n}\r\n\r\n\/* Placeholder gradients per card (REPLACE background-image with url('your-image.jpg')) *\/\r\n.mwr-era-image.maldives { background-image: linear-gradient(135deg, #2d8e9a 0%, #46a8b3 50%, #b8dbe0 100%); }\r\n.mwr-era-image.miami { background-image: linear-gradient(135deg, #1a3a64 0%, #2d8e9a 60%, #f5c842 100%); }\r\n.mwr-era-image.santorini { background-image: linear-gradient(135deg, #1a3a64 0%, #2d8e9a 50%, #d8edf0 100%); }\r\n\r\n.mwr-era-image-note {\r\n position: absolute;\r\n top: 0.8rem;\r\n left: 0.8rem;\r\n font-family: monospace;\r\n font-size: 0.65rem;\r\n color: rgba(255, 255, 255, 0.7);\r\n letter-spacing: 0.08em;\r\n text-transform: uppercase;\r\n padding: 0.3rem 0.6rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 3px;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder when src is filled *\/\r\n.mwr-era-image-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 2;\r\n display: block;\r\n}\r\n.mwr-era-image-img[src=\"\"],\r\n.mwr-era-image-img:not([src]) {\r\n display: none;\r\n}\r\n\r\n\/* Discount badge \u2014 yellow (MWR promo accent) *\/\r\n.mwr-era-badge {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n background: #f5c842;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.75rem;\r\n letter-spacing: 0.08em;\r\n padding: 0.5rem 0.9rem;\r\n border-radius: 999px;\r\n z-index: 3;\r\n box-shadow: 0 6px 18px -6px rgba(245, 200, 66, 0.65);\r\n}\r\n\r\n.mwr-era-body {\r\n padding: 1.6rem 1.6rem 1.8rem;\r\n display: flex;\r\n flex-direction: column;\r\n flex-grow: 1;\r\n}\r\n\r\n.mwr-era-location {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n margin-bottom: 0.55rem;\r\n}\r\n\r\n.mwr-era-dest {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.5rem;\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n line-height: 1.25;\r\n color: #1a3a64;\r\n margin: 0 0 0.4rem;\r\n}\r\n\r\n.mwr-era-meta {\r\n font-size: 0.88rem;\r\n color: #6b7280;\r\n margin: 0 0 1.4rem;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-era-price-wrap {\r\n margin-top: auto;\r\n padding-top: 1.2rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n display: flex;\r\n align-items: flex-end;\r\n justify-content: space-between;\r\n gap: 1rem;\r\n flex-wrap: wrap;\r\n}\r\n\r\n.mwr-era-price { display: flex; flex-direction: column; gap: 0.15rem; }\r\n\r\n.mwr-era-retail {\r\n font-size: 0.85rem;\r\n color: #9ca3af;\r\n text-decoration: line-through;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-era-member {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.85rem;\r\n font-weight: 500;\r\n color: #1a3a64;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n}\r\n.mwr-era-member-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n color: #6b7280;\r\n font-weight: 500;\r\n margin-left: 0.3rem;\r\n}\r\n\r\n.mwr-era-book {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.82rem;\r\n font-weight: 600;\r\n color: #2d8e9a;\r\n text-decoration: none;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.3rem;\r\n transition: all 0.3s ease;\r\n white-space: nowrap;\r\n}\r\n.mwr-era-book::after { content: \"\u2192\"; transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1); }\r\n.mwr-era-book:hover { color: #1f7a85; }\r\n.mwr-era-book:hover::after { transform: translateX(3px); }\r\n\r\n\/* Footer CTA \u2014 outline navy (secondary action) *\/\r\n.mwr-era-footer {\r\n text-align: center;\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 1.5rem;\r\n}\r\n\r\n.mwr-era-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 0.95rem 1.8rem;\r\n border-radius: 999px;\r\n border: 1.5px solid #1a3a64;\r\n background: transparent;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-era-cta:hover {\r\n background: #1a3a64;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-era-cta::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-era-cta:hover::after { transform: translateX(4px); }\r\n\r\n.mwr-era-disclaimer {\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 50ch;\r\n line-height: 1.55;\r\n margin: 0;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-era-grid { grid-template-columns: repeat(2, 1fr); }\r\n .mwr-era-card:last-child {\r\n grid-column: span 2;\r\n max-width: 50%;\r\n margin: 0 auto;\r\n }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-era-head { margin-bottom: 3rem; }\r\n .mwr-era-grid { grid-template-columns: 1fr; gap: 1.4rem; }\r\n .mwr-era-card:last-child { grid-column: auto; max-width: 100%; }\r\n .mwr-era-body { padding: 1.4rem; }\r\n .mwr-era-member { font-size: 1.65rem; }\r\n .mwr-era-price-wrap { flex-direction: column; align-items: flex-start; gap: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-era\" aria-label=\"Une nouvelle \u00e8re de voyages avec MWR Life\">\r\n <div class=\"mwr-era-inner\">\r\n\r\n <header class=\"mwr-era-head\">\r\n <span class=\"mwr-era-kicker\">Voyager \u00e0 la demande, red\u00e9fini<\/span>\r\n <h2 class=\"mwr-era-title\">\r\n Ce que Netflix a fait pour les films, <span class=\"mwr-era-title-em\">MWR Life le fait pour les voyages<\/span>\r\n <\/h2>\r\n <svg class=\"mwr-era-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-era-intro\">\r\n Fini la chasse interminable aux bons plans sur une douzaine d'onglets\u00a0! Notre IA analyse les disponibilit\u00e9s mondiales en temps r\u00e9el et vous donne acc\u00e8s \u00e0 des tarifs exclusifs r\u00e9serv\u00e9s aux membres MWR Life\u00a0: m\u00eame h\u00f4tel, m\u00eames dates, \u00e0 un prix d\u00e9fiant toute concurrence.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-era-grid\">\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image maldives\" role=\"img\" aria-label=\"Villa sur pilotis aux Maldives \u2014 Tarif membre MWR Life\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/maldives-Overwater-Villa-Escape.webp\" alt=\"Villa sur pilotis aux Maldives\">\r\n <span class=\"mwr-era-badge\">-50 %<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Maldives<\/span>\r\n <h3 class=\"mwr-era-dest\">Overwater Villa Escape<\/h3>\r\n <p class=\"mwr-era-meta\">5 nuits \u00b7 petit-d\u00e9jeuner inclus \u00b7 terrasse priv\u00e9e<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$2,500<\/span>\r\n <span><span class=\"mwr-era-member\">$1,250<\/span><span class=\"mwr-era-member-period\">total<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">R\u00e9servez via MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image miami\" role=\"img\" aria-label=\"H\u00f4tel South Beach \u00e0 Miami \u2014 Tarif membre MWR \u00e0 vie\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/South-Beach-Boutique-miami.webp\" alt=\"H\u00f4tel South Beach \u00e0 Miami\">\r\n <span class=\"mwr-era-badge\">-40 %<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Miami, \u00c9tats-Unis<\/span>\r\n <h3 class=\"mwr-era-dest\">South Beach Boutique<\/h3>\r\n <p class=\"mwr-era-meta\">4 nuits \u00b7 vue sur l'oc\u00e9an \u00b7 piscine sur le toit<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$1,200<\/span>\r\n <span><span class=\"mwr-era-member\">$720<\/span><span class=\"mwr-era-member-period\">total<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">R\u00e9servez via MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <article class=\"mwr-era-card\">\r\n <div class=\"mwr-era-image santorini\" role=\"img\" aria-label=\"Suite \u00e0 flanc de falaise \u00e0 Santorin, Gr\u00e8ce \u2014 Tarif membre MWR \u00e0 vie\">\r\n <span class=\"mwr-era-image-note\">800 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE IMAGE URL between the quotes (recommended 800 \u00d7 600px) -->\r\n <img decoding=\"async\" class=\"mwr-era-image-img\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Cliffside-Caldera-Suite-santorini.webp\" alt=\"Suite \u00e0 flanc de falaise \u00e0 Santorin, Gr\u00e8ce\">\r\n <span class=\"mwr-era-badge\">-40 %<\/span>\r\n <\/div>\r\n <div class=\"mwr-era-body\">\r\n <span class=\"mwr-era-location\">Santorin, Gr\u00e8ce<\/span>\r\n <h3 class=\"mwr-era-dest\">Cliffside Caldera Suite<\/h3>\r\n <p class=\"mwr-era-meta\">5 nuits \u00b7 terrasse coucher de soleil \u00b7 bassin de d\u00e9tente<\/p>\r\n <div class=\"mwr-era-price-wrap\">\r\n <div class=\"mwr-era-price\">\r\n <span class=\"mwr-era-retail\">$1,750<\/span>\r\n <span><span class=\"mwr-era-member\">$1,050<\/span><span class=\"mwr-era-member-period\">total<\/span><\/span>\r\n <\/div>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-era-book\">R\u00e9servez via MWR Life<\/a>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-era-footer\">\r\n <a href=\"#how-it-works\" class=\"mwr-era-cta\">D\u00e9couvrez comment fonctionne MWR Life<\/a>\r\n <p class=\"mwr-era-disclaimer\">\r\n Les tarifs indiqu\u00e9s pour les membres sont donn\u00e9s \u00e0 titre indicatif. Les prix et les \u00e9conomies r\u00e9els varient selon la destination, la saison, les disponibilit\u00e9s et les dates s\u00e9lectionn\u00e9es. Consultez les prix en temps r\u00e9el sur la plateforme MWR Life Travel Advantage.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd8d6aa elementor-widget elementor-widget-html\" data-id=\"fd8d6aa\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"overview\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Regardez l'histoire<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n html { scroll-behavior: smooth; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 VIDEO SECTION (\"Watch the story\")\r\n Paste from <style> down to <\/script> into Elementor HTML widget.\r\n\r\n PLACEMENT: This section should go right after the Hero in your\r\n page. The Hero's \"Watch the story\" play button links to #story,\r\n and this section's id=\"story\" matches.\r\n\r\n IMPORTANT \u2014 TWO THINGS TO CUSTOMIZE:\r\n\r\n 1) VIDEO URL \u2014 Find the data-video attribute on .mwr-video-frame\r\n and replace with your embed URL. Examples:\r\n YouTube: https:\/\/www.youtube.com\/embed\/VIDEO_ID?autoplay=1&rel=0&modestbranding=1\r\n Vimeo: https:\/\/player.vimeo.com\/video\/VIDEO_ID?autoplay=1\r\n\r\n 2) POSTER IMAGE \u2014 Replace the CSS gradient in .mwr-video-poster\r\n background-image with url('YOUR-THUMBNAIL.jpg').\r\n Recommended size: 1920 \u00d7 1080px. For YouTube videos you can\r\n use https:\/\/img.youtube.com\/vi\/VIDEO_ID\/maxresdefault.jpg\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-vid, .mwr-vid *, .mwr-vid *::before, .mwr-vid *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-vid {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Atmospheric background *\/\r\n.mwr-vid::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 30%, rgba(45, 142, 154, 0.18) 0, transparent 50%),\r\n radial-gradient(circle at 80% 70%, rgba(245, 200, 66, 0.1) 0, transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-vid::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-vid-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n text-align: center;\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-vid-head {\r\n max-width: 760px;\r\n margin: 0 auto 3rem;\r\n}\r\n\r\n.mwr-vid-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #46a8b3;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-vid-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-vid-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-vid-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-vid-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.78);\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Video frame ---------- *\/\r\n.mwr-vid-frame {\r\n position: relative;\r\n width: 100%;\r\n aspect-ratio: 16 \/ 9;\r\n border-radius: 18px;\r\n overflow: hidden;\r\n cursor: pointer;\r\n margin: 0 auto 3rem;\r\n box-shadow:\r\n 0 40px 80px -20px rgba(0, 0, 0, 0.6),\r\n 0 0 0 1px rgba(245, 200, 66, 0.18);\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n background: #1a3a64;\r\n}\r\n.mwr-vid-frame:hover {\r\n transform: scale(1.005);\r\n}\r\n\r\n\/* Poster \u2014 real thumbnail *\/\r\n.mwr-vid-poster {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-image:\r\n linear-gradient(135deg, rgba(10, 31, 61, 0.2) 0%, rgba(10, 31, 61, 0.35) 100%),\r\n url('https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/thumb-english.webp');\r\n transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-vid-frame:hover .mwr-vid-poster {\r\n transform: scale(1.03);\r\n}\r\n\r\n\/* Play button \u2014 yellow circle with navy triangle *\/\r\n.mwr-vid-play {\r\n position: absolute;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n width: clamp(72px, 9vw, 100px);\r\n height: clamp(72px, 9vw, 100px);\r\n border-radius: 50%;\r\n background: #f5c842;\r\n border: none;\r\n cursor: pointer;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n z-index: 2;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n animation: mwrVidPulse 2.6s infinite;\r\n}\r\n.mwr-vid-play::before {\r\n content: \"\";\r\n width: 0;\r\n height: 0;\r\n border-left: clamp(20px, 2.4vw, 28px) solid #0a1f3d;\r\n border-top: clamp(12px, 1.5vw, 17px) solid transparent;\r\n border-bottom: clamp(12px, 1.5vw, 17px) solid transparent;\r\n margin-left: clamp(5px, 0.5vw, 7px);\r\n}\r\n.mwr-vid-frame:hover .mwr-vid-play {\r\n background: #fbd76a;\r\n transform: translate(-50%, -50%) scale(1.08);\r\n}\r\n\r\n@keyframes mwrVidPulse {\r\n 0%, 100% {\r\n box-shadow:\r\n 0 15px 40px rgba(245, 200, 66, 0.45),\r\n 0 0 0 0 rgba(245, 200, 66, 0.45);\r\n }\r\n 50% {\r\n box-shadow:\r\n 0 15px 40px rgba(245, 200, 66, 0.55),\r\n 0 0 0 22px rgba(245, 200, 66, 0);\r\n }\r\n}\r\n\r\n\/* Label on poster (optional, shown below play button) *\/\r\n.mwr-vid-label {\r\n position: absolute;\r\n bottom: 1.5rem;\r\n left: 1.5rem;\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.55rem 1rem;\r\n background: rgba(10, 31, 61, 0.7);\r\n backdrop-filter: blur(8px);\r\n border: 1px solid rgba(255, 255, 255, 0.12);\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.8rem;\r\n font-weight: 600;\r\n color: #faf6ee;\r\n letter-spacing: 0.02em;\r\n z-index: 2;\r\n}\r\n.mwr-vid-label-dot {\r\n width: 7px;\r\n height: 7px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n}\r\n\r\n\/* Iframe (injected after click) *\/\r\n.mwr-vid-frame iframe {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: none;\r\n}\r\n\r\n\/* ---------- CTAs ---------- *\/\r\n.mwr-vid-cta-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n justify-content: center;\r\n align-items: center;\r\n gap: 1rem;\r\n margin-top: 3rem;\r\n}\r\n\r\n.mwr-vid-btn-primary,\r\n.mwr-vid-btn-secondary {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 2rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.96rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mwr-vid-btn-primary {\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n box-shadow: 0 14px 32px -10px rgba(245, 200, 66, 0.55);\r\n}\r\n.mwr-vid-btn-primary::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-vid-btn-primary:hover {\r\n background: #fbd76a;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(245, 200, 66, 0.75);\r\n color: #0a1f3d;\r\n}\r\n.mwr-vid-btn-primary:hover::after { transform: translateX(4px); }\r\n\r\n.mwr-vid-btn-secondary {\r\n background: transparent;\r\n color: #faf6ee;\r\n border: 1.5px solid rgba(250, 246, 238, 0.3);\r\n}\r\n.mwr-vid-btn-secondary:hover {\r\n border-color: #46a8b3;\r\n color: #46a8b3;\r\n background: rgba(70, 168, 179, 0.05);\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .mwr-vid-head { margin-bottom: 2.5rem; }\r\n .mwr-vid-cta-row { flex-direction: column; gap: 0.8rem; }\r\n .mwr-vid-btn-primary,\r\n .mwr-vid-btn-secondary {\r\n width: 100%;\r\n max-width: 320px;\r\n justify-content: center;\r\n }\r\n .mwr-vid-label { font-size: 0.72rem; padding: 0.4rem 0.8rem; bottom: 1rem; left: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-vid\" id=\"overview\" aria-label=\"Aper\u00e7u de la vie chez MWR\">\r\n <div class=\"mwr-vid-inner\">\r\n\r\n <header class=\"mwr-vid-head\">\r\n <span class=\"mwr-vid-kicker\">Qu\u2019est-ce que MWR Life<\/span>\r\n <h2 class=\"mwr-vid-title\">\r\n D\u00e9couvrez MWR Life <em>en seulement quelques minutes<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-vid-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-vid-intro\">\r\n Un aper\u00e7u rapide de tout ce que MWR Life a \u00e0 offrir \u2014 la plateforme de voyage, les avantages exclusifs r\u00e9serv\u00e9s aux membres, les bonus disponibles pour vous et ce qui rend notre communaut\u00e9 mondiale diff\u00e9rente de tout ce qui existe ailleurs.\r\n <\/p>\r\n <\/header>\r\n\r\n <!-- Video frame \u2014 Vimeo embed -->\r\n <div class=\"mwr-vid-frame\"\r\n id=\"mwr-vid-frame\"\r\n data-video=\"https:\/\/player.vimeo.com\/video\/1193093663?h=a0b760caee&autoplay=1&badge=0&autopause=0\"\r\n role=\"button\"\r\n tabindex=\"0\"\r\n aria-label=\"Lire la vid\u00e9o\">\r\n\r\n <div class=\"mwr-vid-poster\"><\/div>\r\n\r\n <button class=\"mwr-vid-play\" type=\"button\" aria-label=\"Jouer\"><\/button>\r\n\r\n <div class=\"mwr-vid-label\">\r\n <span class=\"mwr-vid-label-dot\"><\/span>\r\n Aper\u00e7u \u00b7 EN DIRECT\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-vid-cta-row\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-vid-btn-primary\">\r\n Devenir Membre\r\n <\/a>\r\n <a href=\"https:\/\/travel-adv.com\/fr\/opportunite\/\" class=\"mwr-vid-btn-secondary\">\r\n D\u00e9couvrez l'opportunit\u00e9\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<script>\r\n(function() {\r\n var frame = document.getElementById('mwr-vid-frame');\r\n if (!frame) return;\r\n\r\n function loadVideo() {\r\n if (frame.dataset.loaded === 'true') return;\r\n var url = frame.getAttribute('data-video');\r\n if (!url) return;\r\n var iframe = document.createElement('iframe');\r\n iframe.setAttribute('src', url);\r\n iframe.setAttribute('frameborder', '0');\r\n iframe.setAttribute('allow', 'accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share');\r\n iframe.setAttribute('allowfullscreen', '');\r\n iframe.setAttribute('title', 'MWR Life story video');\r\n frame.innerHTML = '';\r\n frame.appendChild(iframe);\r\n frame.dataset.loaded = 'true';\r\n frame.style.cursor = 'default';\r\n }\r\n\r\n frame.addEventListener('click', loadVideo);\r\n frame.addEventListener('keydown', function(e) {\r\n if (e.key === 'Enter' || e.key === ' ') {\r\n e.preventDefault();\r\n loadVideo();\r\n }\r\n });\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-902887f elementor-widget elementor-widget-html\" data-id=\"902887f\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"how-it-works\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Comment \u00e7a marche<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 HOW IT WORKS (3 Steps) \u2014 clean v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n No images needed \u2014 pure text + decorative typography.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-how, .mwr-how *, .mwr-how *::before, .mwr-how *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-how {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-how-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (shared pattern with Era) ---------- *\/\r\n.mwr-how-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 5rem;\r\n}\r\n\r\n.mwr-how-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-how-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-how-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-how-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-how-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Steps grid ---------- *\/\r\n.mwr-how-steps {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 2.5rem;\r\n position: relative;\r\n}\r\n\r\n\/* Decorative dotted connector between steps *\/\r\n.mwr-how-steps::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 2.3rem;\r\n left: 16.6%;\r\n right: 16.6%;\r\n height: 1px;\r\n background-image: linear-gradient(90deg, rgba(45, 142, 154, 0.35) 0%, rgba(45, 142, 154, 0.35) 50%, transparent 50%);\r\n background-size: 12px 1px;\r\n background-repeat: repeat-x;\r\n z-index: 0;\r\n}\r\n\r\n.mwr-how-step {\r\n position: relative;\r\n z-index: 1;\r\n text-align: left;\r\n}\r\n\r\n.mwr-how-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(3rem, 4.5vw, 4rem);\r\n color: #2d8e9a;\r\n line-height: 1;\r\n letter-spacing: -0.03em;\r\n margin-bottom: 1.5rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n}\r\n.mwr-how-num::before {\r\n content: \"\";\r\n display: inline-block;\r\n width: 10px;\r\n height: 10px;\r\n background: #f5c842;\r\n border-radius: 50%;\r\n flex-shrink: 0;\r\n}\r\n\r\n.mwr-how-step-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 1.9vw, 1.7rem);\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n line-height: 1.25;\r\n color: #1a3a64;\r\n margin: 0 0 0.9rem;\r\n}\r\n\r\n.mwr-how-step-text {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.98rem;\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n margin: 0;\r\n}\r\n\r\n\/* AI badge for step 2 *\/\r\n.mwr-how-badge {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.45rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 0.4rem 0.75rem;\r\n border: 1px solid rgba(45, 142, 154, 0.3);\r\n border-radius: 999px;\r\n margin-top: 1.1rem;\r\n background: rgba(45, 142, 154, 0.06);\r\n}\r\n.mwr-how-badge::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n box-shadow: 0 0 8px rgba(45, 142, 154, 0.7);\r\n animation: mwrHowPulse 2.4s ease-in-out infinite;\r\n}\r\n@keyframes mwrHowPulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.8); }\r\n}\r\n\r\n\/* Footer *\/\r\n.mwr-how-footer {\r\n margin-top: 5rem;\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.8rem;\r\n padding-top: 2.5rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.1);\r\n}\r\n\r\n.mwr-how-footer-text {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.35rem);\r\n color: #1a3a64;\r\n max-width: 42ch;\r\n line-height: 1.4;\r\n margin: 0;\r\n}\r\n\r\n.mwr-how-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 12px 30px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-how-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-how-btn:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 40px -12px rgba(45, 142, 154, 0.75);\r\n color: #ffffff;\r\n}\r\n.mwr-how-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* Tablet & Mobile *\/\r\n@media (max-width: 900px) {\r\n .mwr-how-steps { grid-template-columns: 1fr; gap: 3rem; }\r\n .mwr-how-steps::before { display: none; }\r\n .mwr-how-num { font-size: 3rem; margin-bottom: 1rem; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-how-head { margin-bottom: 3.5rem; }\r\n .mwr-how-footer {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n margin-top: 3.5rem;\r\n }\r\n .mwr-how-btn { width: 100%; justify-content: center; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-how\" aria-label=\"Comment fonctionne MWR Life\">\r\n <div class=\"mwr-how-inner\">\r\n\r\n <header class=\"mwr-how-head\">\r\n <span class=\"mwr-how-kicker\">Comment \u00e7a marche<\/span>\r\n <h2 class=\"mwr-how-title\">\r\n Trois \u00e9tapes entre vous et votre prochaine grande aventure\r\n <\/h2>\r\n <svg class=\"mwr-how-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-how-intro\">\r\n MWR Life remplace le chaos des dizaines d\u2019onglets de comparaison, les frais cach\u00e9s et les d\u00e9ceptions de derni\u00e8re minute. Activez votre adh\u00e9sion, dites \u00e0 notre IA le voyage dont vous r\u00eavez et r\u00e9servez \u00e0 des tarifs que le public ne voit jamais.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-how-steps\">\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>01<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">Choisissez votre abonnement<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n Choisissez la formule qui correspond \u00e0 votre rythme de voyage\u00a0: Invit\u00e9, VIP ou Elite. Activation en quelques minutes, sans engagement, r\u00e9siliation \u00e0 tout moment. Plus votre niveau est \u00e9lev\u00e9, plus les avantages sont importants.\r\n <\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>02<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">Laissons notre IA chasser<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n Indiquez \u00e0 la plateforme MWR Life o\u00f9 vous souhaitez aller et ce que vous aimez. Notre IA analyse en temps r\u00e9el les h\u00f4tels, vols, resorts et exp\u00e9riences afin de trouver instantan\u00e9ment les meilleures offres r\u00e9serv\u00e9es aux membres.\r\n <\/p>\r\n <span class=\"mwr-how-badge\">Aliment\u00e9 par l'IA<\/span>\r\n <\/div>\r\n\r\n <div class=\"mwr-how-step\">\r\n <div class=\"mwr-how-num\"><span>03<\/span><\/div>\r\n <h3 class=\"mwr-how-step-title\">R\u00e9server, sauvegarder, r\u00e9p\u00e9ter<\/h3>\r\n <p class=\"mwr-how-step-text\">\r\n B\u00e9n\u00e9ficiez de tarifs exclusifs jusqu'\u00e0 50% inf\u00e9rieurs aux prix publics. Cumulez des points de fid\u00e9lit\u00e9 \u00e0 chaque r\u00e9servation, utilisez-les lors de votre prochain voyage et multipliez les escapades.\r\n <\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-how-footer\">\r\n <p class=\"mwr-how-footer-text\">\r\n Voyagez plus, payez moins et recommencez \u2014 c\u2019est \u00e7a la vie avec MWR Life.\r\n <\/p>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-how-btn\">\r\n Choisissez votre forfait\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c410c0d elementor-widget elementor-widget-html\" data-id=\"c410c0d\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Cat\u00e9gories de voyage<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 TRAVEL CATEGORIES (Booking Platform Grid)\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each card image URL (10 spots) \u2014 recommended 600 \u00d7 600px (square).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-cats, .mwr-cats *, .mwr-cats *::before, .mwr-cats *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-cats {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-cats-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header (shared pattern) ---------- *\/\r\n.mwr-cats-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-cats-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-cats-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-cats-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-cats-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-cats-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Categories grid (5x2 desktop) ---------- *\/\r\n.mwr-cats-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 0.9rem;\r\n}\r\n\r\n.mwr-cats-card {\r\n position: relative;\r\n aspect-ratio: 1 \/ 1;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n cursor: pointer;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: block;\r\n}\r\n\r\n.mwr-cats-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 16px 32px -12px rgba(26, 58, 100, 0.35);\r\n}\r\n\r\n\/* Placeholder gradients \u2014 REPLACE each background-image with url('your-image.jpg') *\/\r\n.mwr-cats-card.cat-hotels { background-image: linear-gradient(135deg, #1a3a64, #2d8e9a); }\r\n.mwr-cats-card.cat-flights { background-image: linear-gradient(155deg, #46a8b3, #d8edf0); }\r\n.mwr-cats-card.cat-resorts { background-image: linear-gradient(135deg, #2d8e9a, #f5c842); }\r\n.mwr-cats-card.cat-land { background-image: linear-gradient(135deg, #1a3a64, #c8a35a); }\r\n.mwr-cats-card.cat-rentals { background-image: linear-gradient(135deg, #2d8e9a, #b8dbe0); }\r\n.mwr-cats-card.cat-cars { background-image: linear-gradient(135deg, #0a1f3d, #1a3a64); }\r\n.mwr-cats-card.cat-cruises { background-image: linear-gradient(135deg, #46a8b3, #1a3a64); }\r\n.mwr-cats-card.cat-excursions { background-image: linear-gradient(155deg, #2d8e9a, #1a3a64); }\r\n.mwr-cats-card.cat-activities { background-image: linear-gradient(135deg, #f5c842, #2d8e9a); }\r\n.mwr-cats-card.cat-transfers { background-image: linear-gradient(135deg, #1a3a64, #6b7280); }\r\n\r\n\/* Dark gradient overlay at bottom for label legibility *\/\r\n.mwr-cats-card::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 45%, rgba(10, 31, 61, 0.55) 75%, rgba(10, 31, 61, 0.92) 100%);\r\n z-index: 1;\r\n transition: opacity 0.3s ease;\r\n}\r\n.mwr-cats-card:hover::after { opacity: 0.7; }\r\n\r\n\/* Placeholder size label (top-left corner) *\/\r\n.mwr-cats-card-note {\r\n position: absolute;\r\n top: 0.5rem;\r\n left: 0.5rem;\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.55);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.5rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.35);\r\n border-radius: 3px;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder gradient when src is filled *\/\r\n.mwr-cats-card-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 0;\r\n display: block;\r\n}\r\n.mwr-cats-card-img[src=\"\"],\r\n.mwr-cats-card-img:not([src]) {\r\n display: none;\r\n}\r\n\/* When real img is present, hide placeholder gradient and note *\/\r\n.mwr-cats-card:has(.mwr-cats-card-img[src]:not([src=\"\"])) {\r\n background-image: none !important;\r\n}\r\n.mwr-cats-card:has(.mwr-cats-card-img[src]:not([src=\"\"])) .mwr-cats-card-note {\r\n display: none;\r\n}\r\n\r\n.mwr-cats-card-label {\r\n position: absolute;\r\n left: 0;\r\n right: 0;\r\n bottom: 0.9rem;\r\n z-index: 2;\r\n text-align: center;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #ffffff;\r\n padding: 0 0.5rem;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* Tablet: 3 cols *\/\r\n@media (max-width: 1024px) {\r\n .mwr-cats-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 0.8rem;\r\n }\r\n \/* Last card on its own row, centered *\/\r\n .mwr-cats-card:nth-last-child(-n+1) {\r\n grid-column: 2;\r\n }\r\n}\r\n\r\n\/* Mobile: 2 cols *\/\r\n@media (max-width: 640px) {\r\n .mwr-cats-head { margin-bottom: 3rem; }\r\n .mwr-cats-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .mwr-cats-card:nth-last-child(-n+1) {\r\n grid-column: auto;\r\n }\r\n .mwr-cats-card-label {\r\n font-size: 0.72rem;\r\n letter-spacing: 0.14em;\r\n bottom: 0.7rem;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-cats\" aria-label=\"Cat\u00e9gories de voyage MWR Life\">\r\n <div class=\"mwr-cats-inner\">\r\n\r\n <header class=\"mwr-cats-head\">\r\n <span class=\"mwr-cats-kicker\">Votre plateforme de r\u00e9servation exclusive<\/span>\r\n <h2 class=\"mwr-cats-title\">\r\n Une adh\u00e9sion MWR Life pour toutes les fa\u00e7ons de voyager\r\n <\/h2>\r\n <svg class=\"mwr-cats-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-cats-intro\">\r\n Des villas sur pilotis aux trains de nuit, des locations de week-end aux croisi\u00e8res autour du monde \u2014 MWR Life d\u00e9bloque des tarifs exclusifs r\u00e9serv\u00e9s aux membres dans toutes les cat\u00e9gories de voyage, le tout sur une seule plateforme.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-cats-grid\">\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-hotels\" aria-label=\"R\u00e9servez vos h\u00f4tels via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/hotels.webp\" alt=\"H\u00f4tels\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">H\u00f4tels<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-flights\" aria-label=\"R\u00e9servez vos vols via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Flights.webp\" alt=\"Vols\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Vols<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-resorts\" aria-label=\"R\u00e9servez vos s\u00e9jours en centre de vill\u00e9giature via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/resorts.webp\" alt=\"Stations baln\u00e9aires\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Stations baln\u00e9aires<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-land\" aria-label=\"R\u00e9servez votre transport terrestre via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/trains.webp\" alt=\"Transport terrestre\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Transport terrestre<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-rentals\" aria-label=\"R\u00e9servez vos locations de vacances via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Vacation-Rentals.webp\" alt=\"Locations de vacances\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Locations de vacances<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-cars\" aria-label=\"R\u00e9servez votre voiture de location via MWR Life\">\r\n <span class=\"mwr-cats-card-note\">600 \u00d7 600<\/span>\r\n <!-- \ud83d\udc47 PASTE CAR RENTALS IMAGE URL between the quotes -->\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/car-rentals.webp\" alt=\"Location de voitures\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Location de voitures<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-cruises\" aria-label=\"R\u00e9servez vos croisi\u00e8res via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Cruises.webp\" alt=\"Croisi\u00e8res\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Croisi\u00e8res<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-excursions\" aria-label=\"R\u00e9servez vos excursions via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Excursions.webp\" alt=\"Excursions\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Excursions<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-activities\" aria-label=\"R\u00e9servez des activit\u00e9s via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Activities.webp\" alt=\"Activit\u00e9s\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Activit\u00e9s<\/span>\r\n <\/a>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-cats-card cat-transfers\" aria-label=\"Transferts de livres via MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Land-Transport.webp\" alt=\"Transferts\" class=\"mwr-cats-card-img\">\r\n <span class=\"mwr-cats-card-label\">Transferts<\/span>\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c029ec6 elementor-widget elementor-widget-html\" data-id=\"c029ec6\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Exp\u00e9riences de vie<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 LIFE EXPERIENCES (Asymmetric Photo Gallery) \u2014 v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Replace each photo: 1 large (800\u00d7900) + 9 small (400\u00d7400 each).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-exp, .mwr-exp *, .mwr-exp *::before, .mwr-exp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-exp {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-exp-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-exp-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-exp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-exp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-exp-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-exp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-exp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Asymmetric gallery grid ---------- *\/\r\n.mwr-exp-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n grid-template-rows: repeat(3, 1fr);\r\n gap: 0.85rem;\r\n aspect-ratio: 5 \/ 3;\r\n}\r\n\r\n.mwr-exp-tile {\r\n position: relative;\r\n border-radius: 10px;\r\n overflow: hidden;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n text-decoration: none;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n display: block;\r\n}\r\n\r\n.mwr-exp-tile:hover {\r\n transform: translateY(-3px);\r\n box-shadow: 0 16px 32px -14px rgba(26, 58, 100, 0.3);\r\n}\r\n\r\n\/* Featured big tile spans 2 cols \u00d7 3 rows *\/\r\n.mwr-exp-tile.featured {\r\n grid-column: span 2;\r\n grid-row: span 3;\r\n}\r\n\r\n\/* Placeholder gradients \u2014 REPLACE background-image with url('your-image.jpg') *\/\r\n.mwr-exp-tile.exp-cycling { background-image: linear-gradient(135deg, #1a3a64, #2d8e9a, #f5c842); }\r\n.mwr-exp-tile.exp-sailing { background-image: linear-gradient(155deg, #46a8b3, #d8edf0); }\r\n.mwr-exp-tile.exp-hiking { background-image: linear-gradient(135deg, #2d8e9a, #b8dbe0); }\r\n.mwr-exp-tile.exp-kayak { background-image: linear-gradient(155deg, #46a8b3, #2d8e9a); }\r\n.mwr-exp-tile.exp-atv { background-image: linear-gradient(135deg, #1a3a64, #c8a35a); }\r\n.mwr-exp-tile.exp-horseback { background-image: linear-gradient(135deg, #6b7280, #2d8e9a); }\r\n.mwr-exp-tile.exp-wellness { background-image: linear-gradient(135deg, #f5c842, #46a8b3); }\r\n.mwr-exp-tile.exp-golf { background-image: linear-gradient(155deg, #2d8e9a, #d8edf0); }\r\n.mwr-exp-tile.exp-skydiving { background-image: linear-gradient(135deg, #1a3a64, #46a8b3); }\r\n.mwr-exp-tile.exp-snorkeling { background-image: linear-gradient(135deg, #2d8e9a, #46a8b3, #b8dbe0); }\r\n\r\n\/* Subtle gradient overlay (very light, just for depth) *\/\r\n.mwr-exp-tile::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, transparent 60%, rgba(10, 31, 61, 0.25) 100%);\r\n z-index: 1;\r\n transition: opacity 0.3s ease;\r\n pointer-events: none;\r\n}\r\n.mwr-exp-tile:hover::after { opacity: 0.5; }\r\n\r\n\/* Placeholder size label *\/\r\n.mwr-exp-tile-note {\r\n position: absolute;\r\n top: 0.5rem;\r\n left: 0.5rem;\r\n font-family: monospace;\r\n font-size: 0.6rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n letter-spacing: 0.06em;\r\n text-transform: uppercase;\r\n padding: 0.2rem 0.5rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.35);\r\n border-radius: 3px;\r\n z-index: 3;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Real image \u2014 covers placeholder gradient when present *\/\r\n\/* !important defends against Elementor\/theme global img rules *\/\r\n.mwr-exp-tile-img {\r\n position: absolute !important;\r\n top: 0 !important;\r\n left: 0 !important;\r\n right: 0 !important;\r\n bottom: 0 !important;\r\n inset: 0 !important;\r\n width: 100% !important;\r\n height: 100% !important;\r\n max-width: 100% !important;\r\n max-height: 100% !important;\r\n min-height: 100% !important;\r\n object-fit: cover !important;\r\n object-position: center !important;\r\n z-index: 0;\r\n display: block !important;\r\n margin: 0 !important;\r\n padding: 0 !important;\r\n}\r\n.mwr-exp-tile-img[src=\"\"],\r\n.mwr-exp-tile-img:not([src]) {\r\n display: none !important;\r\n}\r\n\r\n\/* Force picture element to fill the tile too *\/\r\n.mwr-exp-tile picture {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n display: block;\r\n z-index: 0;\r\n}\r\n\r\n.mwr-exp-tile:has(.mwr-exp-tile-img[src]:not([src=\"\"])) {\r\n background-image: none !important;\r\n}\r\n.mwr-exp-tile:has(.mwr-exp-tile-img[src]:not([src=\"\"])) .mwr-exp-tile-note {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Footer with outline button ---------- *\/\r\n.mwr-exp-footer {\r\n display: flex;\r\n justify-content: center;\r\n margin-top: 3rem;\r\n}\r\n\r\n.mwr-exp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 0.95rem 1.8rem;\r\n border-radius: 999px;\r\n border: 1.5px solid #2d8e9a;\r\n background: transparent;\r\n color: #2d8e9a;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 600;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-exp-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-exp-btn:hover {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.55);\r\n}\r\n.mwr-exp-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n\/* Tablet *\/\r\n@media (max-width: 900px) {\r\n .mwr-exp-grid {\r\n grid-template-columns: repeat(3, 1fr);\r\n grid-template-rows: auto;\r\n aspect-ratio: auto;\r\n gap: 0.8rem;\r\n }\r\n .mwr-exp-tile.featured {\r\n grid-column: span 3;\r\n grid-row: span 1;\r\n aspect-ratio: 16 \/ 9;\r\n }\r\n .mwr-exp-tile:not(.featured) {\r\n aspect-ratio: 1 \/ 1;\r\n }\r\n}\r\n\r\n\/* Mobile *\/\r\n@media (max-width: 600px) {\r\n .mwr-exp-head { margin-bottom: 3rem; }\r\n .mwr-exp-grid {\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.6rem;\r\n }\r\n .mwr-exp-tile.featured {\r\n grid-column: span 2;\r\n aspect-ratio: 4 \/ 3;\r\n }\r\n \/* Hide last small tile on mobile so 8 fit cleanly in 4 rows of 2 *\/\r\n .mwr-exp-tile.exp-snorkeling {\r\n display: none;\r\n }\r\n .mwr-exp-footer { margin-top: 2.2rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-exp\" aria-label=\"Exp\u00e9riences de vie MWR\">\r\n <div class=\"mwr-exp-inner\">\r\n\r\n <header class=\"mwr-exp-head\">\r\n <span class=\"mwr-exp-kicker\">Vivez le style de vie dont vous avez toujours r\u00eav\u00e9<\/span>\r\n <h2 class=\"mwr-exp-title\">\r\n Un tout nouveau monde d\u2019exp\u00e9riences MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-exp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-exp-intro\">\r\n Travel Advantage ouvre un monde d\u2019aventures avec d\u2019innombrables s\u00e9jours, resorts et activit\u00e9s uniques dans une vie \u2014 afin que les membres de MWR Life puissent vivre comme ils l\u2019ont toujours imagin\u00e9.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-exp-grid\">\r\n\r\n <!-- Featured large tile \u2014 uses <picture> for desktop\/mobile variants -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile featured exp-cycling\" aria-label=\"Aventures \u00e0 v\u00e9lo avec MWR Life\">\r\n <picture>\r\n <source media=\"(max-width: 900px)\" srcset=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/cycling-mobile.webp\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/cycling-desktop.webp\" alt=\"V\u00e9lo\" class=\"mwr-exp-tile-img\">\r\n <\/picture>\r\n <\/a>\r\n\r\n <!-- Row 1 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-sailing\" aria-label=\"Exp\u00e9riences de navigation avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Sailing.webp\" alt=\"Voile\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-hiking\" aria-label=\"Randonn\u00e9e en montagne avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Hiking.webp\" alt=\"Randonn\u00e9e\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-kayak\" aria-label=\"Faire du kayak avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Kayaking.webp\" alt=\"kayak\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <!-- Row 2 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-atv\" aria-label=\"Aventures hors route avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/ATV.webp\" alt=\"VTT\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-horseback\" aria-label=\"Promenades \u00e0 cheval avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Horseback-riding.webp\" alt=\"\u00c9quitation\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-wellness\" aria-label=\"Retraites bien-\u00eatre avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Wellness.webp\" alt=\"Bien-\u00eatre\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <!-- Row 3 -->\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-golf\" aria-label=\"Exp\u00e9riences de golf avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/golf.webp\" alt=\"Golf\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-skydiving\" aria-label=\"Saut en parachute avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Skydiving.webp\" alt=\"Parachutisme\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-tile exp-snorkeling\" aria-label=\"Exp\u00e9riences de plong\u00e9e en apn\u00e9e avec MWR Life\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/Snorkeling.webp\" alt=\"Plong\u00e9e en apn\u00e9e\" class=\"mwr-exp-tile-img\">\r\n <\/a>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-exp-footer\">\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-exp-btn\">\r\n Explorez les exp\u00e9riences de la vie\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-356e63a elementor-widget elementor-widget-html\" data-id=\"356e63a\" data-element_type=\"widget\" data-e-type=\"widget\" id=\"pricing\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Formules d'adh\u00e9sion<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 MEMBERSHIP PLANS (Guest \/ VIP \/ Elite) \u2014 v2\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n CARD IMAGES \u2014 recommended 240 \u00d7 150px (credit card proportion)\r\n To replace a placeholder with the real image, change the parent\r\n <div class=\"mwr-plan-card-image ...\"> by replacing the inner\r\n <span class=\"mwr-plan-card-image-label\">...<\/span> with:\r\n\r\n <img decoding=\"async\" src=\"YOUR-IMAGE-URL\"\r\n alt=\"MWR Life [Tier] Membership Card\"\r\n style=\"width:100%;height:100%;object-fit:contain;\">\r\n\r\n Or even simpler: set background-image: url('...') inline on the\r\n div and remove the placeholder gradient class.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-plans, .mwr-plans *, .mwr-plans *::before, .mwr-plans *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-plans {\r\n position: relative;\r\n background: linear-gradient(180deg, #ffffff 0%, #fafaf6 100%);\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-plans-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-plans-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-plans-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-plans-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-plans-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-plans-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-plans-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Plans grid ---------- *\/\r\n.mwr-plans-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n align-items: stretch;\r\n padding-top: 1.5rem;\r\n}\r\n\r\n.mwr-plan {\r\n position: relative;\r\n background: #ffffff;\r\n border-radius: 18px;\r\n padding: 2.5rem 2rem 2.2rem;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n\r\n.mwr-plan:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 24px 50px -20px rgba(26, 58, 100, 0.18);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n\/* Featured (VIP) plan *\/\r\n.mwr-plan.featured {\r\n border: 2px solid #2d8e9a;\r\n transform: scale(1.04);\r\n box-shadow: 0 18px 40px -16px rgba(45, 142, 154, 0.25);\r\n z-index: 2;\r\n}\r\n.mwr-plan.featured:hover {\r\n transform: scale(1.04) translateY(-4px);\r\n box-shadow: 0 28px 55px -20px rgba(45, 142, 154, 0.35);\r\n}\r\n\r\n\/* Most popular badge *\/\r\n.mwr-plan-badge {\r\n position: absolute;\r\n top: -14px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n background: #f5c842;\r\n color: #1a3a64;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.7rem;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n padding: 0.45rem 1rem;\r\n border-radius: 999px;\r\n white-space: nowrap;\r\n box-shadow: 0 8px 22px -8px rgba(245, 200, 66, 0.7);\r\n z-index: 3;\r\n}\r\n\r\n\/* ---------- Card image placeholder (top of plan) ---------- *\/\r\n.mwr-plan-card-image {\r\n position: relative;\r\n width: 100%;\r\n max-width: 240px;\r\n aspect-ratio: 300 \/ 213;\r\n margin: 0.6rem auto 1.8rem;\r\n border-radius: 12px;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n box-shadow:\r\n 0 10px 24px -8px rgba(26, 58, 100, 0.3),\r\n 0 2px 4px rgba(26, 58, 100, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-plan:hover .mwr-plan-card-image {\r\n transform: translateY(-3px) rotate(-1.5deg);\r\n}\r\n\r\n\/* Placeholder gradients per tier (REPLACE with real card image) *\/\r\n.mwr-plan.tier-guest .mwr-plan-card-image { background-image: linear-gradient(135deg, #46a8b3, #2d8e9a 55%, #1a3a64); }\r\n.mwr-plan.tier-vip .mwr-plan-card-image { background-image: linear-gradient(135deg, #2d8e9a, #1a3a64 55%, #0a1f3d); }\r\n.mwr-plan.tier-elite .mwr-plan-card-image { background-image: linear-gradient(135deg, #1a3a64, #6b4e8a 50%, #c8553d); }\r\n\r\n\/* Decorative shimmer for placeholder visual interest *\/\r\n.mwr-plan-card-image::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 25% 25%, rgba(255,255,255,0.18) 0, transparent 45%),\r\n radial-gradient(circle at 75% 75%, rgba(255,255,255,0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-plan-card-image-label {\r\n position: relative;\r\n z-index: 1;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.85);\r\n text-align: center;\r\n padding: 0.45rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 4px;\r\n line-height: 1.4;\r\n background: rgba(0, 0, 0, 0.12);\r\n backdrop-filter: blur(2px);\r\n}\r\n\r\n\/* Real card image \u2014 covers placeholder gradient when added *\/\r\n.mwr-plan-card-image-img {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n\/* When real img is present, hide the placeholder gradient AND remove container styling *\/\r\n.mwr-plan-card-image:has(.mwr-plan-card-image-img) {\r\n background-image: none !important;\r\n background-color: transparent;\r\n box-shadow: none;\r\n border-radius: 0;\r\n overflow: visible;\r\n}\r\n.mwr-plan-card-image:has(.mwr-plan-card-image-img)::before {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Plan content ---------- *\/\r\n.mwr-plan-tier {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n margin: 0 0 0.4rem;\r\n text-align: center;\r\n}\r\n.mwr-plan.tier-elite .mwr-plan-tier { color: #1a3a64; }\r\n\r\n.mwr-plan-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.7rem;\r\n font-weight: 500;\r\n letter-spacing: -0.015em;\r\n color: #1a3a64;\r\n margin: 0 0 0.4rem;\r\n line-height: 1.1;\r\n text-align: center;\r\n}\r\n\r\n.mwr-plan-tagline {\r\n font-size: 0.9rem;\r\n color: #6b7280;\r\n margin: 0 0 1.6rem;\r\n text-align: center;\r\n}\r\n\r\n\/* Price block *\/\r\n.mwr-plan-price-block {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: center;\r\n gap: 0.25rem;\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-plan-price-amount {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 3.4vw, 3.2rem);\r\n font-weight: 500;\r\n color: #1a3a64;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n}\r\n.mwr-plan-price-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n font-weight: 500;\r\n color: #6b7280;\r\n}\r\n.mwr-plan-activation {\r\n font-size: 0.82rem;\r\n color: #9ca3af;\r\n margin: 0 0 1.8rem;\r\n padding-bottom: 1.8rem;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.08);\r\n text-align: center;\r\n}\r\n\r\n\/* Features list *\/\r\n.mwr-plan-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1.8rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.85rem;\r\n flex-grow: 1;\r\n}\r\n.mwr-plan-features li {\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: flex-start;\r\n font-size: 0.93rem;\r\n line-height: 1.5;\r\n color: #1a1f2b;\r\n}\r\n.mwr-plan-features li::before {\r\n content: \"\";\r\n flex-shrink: 0;\r\n width: 18px;\r\n height: 18px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n background-image: url(\"data:image\/svg+xml;utf8,<svg xmlns='http:\/\/www.w3.org\/2000\/svg' viewBox='0 0 12 12'><path d='M2.5 6.2L4.8 8.5L9.5 3.8' stroke='white' stroke-width='1.6' fill='none' stroke-linecap='round' stroke-linejoin='round'\/><\/svg>\");\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n margin-top: 0.15rem;\r\n}\r\n\r\n\/* Guest passes block *\/\r\n.mwr-plan-passes {\r\n background: rgba(45, 142, 154, 0.06);\r\n border-radius: 10px;\r\n padding: 0.85rem 1rem;\r\n margin-bottom: 1.6rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.8rem;\r\n}\r\n.mwr-plan-passes-icon {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 8px;\r\n background: #f5c842;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: #1a3a64;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 0.9rem;\r\n font-style: italic;\r\n}\r\n.mwr-plan-passes-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n line-height: 1.2;\r\n}\r\n.mwr-plan-passes-label {\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n}\r\n.mwr-plan-passes-value {\r\n font-size: 0.88rem;\r\n font-weight: 600;\r\n color: #1a3a64;\r\n}\r\n\r\n\/* CTA button *\/\r\n.mwr-plan-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 0.5rem;\r\n width: 100%;\r\n padding: 1rem 1.4rem;\r\n border-radius: 999px;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n margin-top: auto;\r\n}\r\n.mwr-plan-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-plan-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* Guest: outline teal *\/\r\n.mwr-plan.tier-guest .mwr-plan-btn {\r\n background: transparent;\r\n color: #2d8e9a;\r\n border: 1.5px solid #2d8e9a;\r\n}\r\n.mwr-plan.tier-guest .mwr-plan-btn:hover {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n transform: translateY(-2px);\r\n}\r\n\r\n\/* VIP: filled teal (primary) *\/\r\n.mwr-plan.tier-vip .mwr-plan-btn {\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n border: 1.5px solid #2d8e9a;\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-plan.tier-vip .mwr-plan-btn:hover {\r\n background: #1f7a85;\r\n border-color: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(45, 142, 154, 0.7);\r\n}\r\n\r\n\/* Elite: filled navy *\/\r\n.mwr-plan.tier-elite .mwr-plan-btn {\r\n background: #1a3a64;\r\n color: #ffffff;\r\n border: 1.5px solid #1a3a64;\r\n box-shadow: 0 12px 28px -10px rgba(26, 58, 100, 0.4);\r\n}\r\n.mwr-plan.tier-elite .mwr-plan-btn:hover {\r\n background: #0a1f3d;\r\n border-color: #0a1f3d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(26, 58, 100, 0.6);\r\n}\r\n\r\n\/* Footer note *\/\r\n.mwr-plans-footer {\r\n text-align: center;\r\n margin-top: 3rem;\r\n font-size: 0.85rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n}\r\n.mwr-plans-footer strong {\r\n color: #1a3a64;\r\n font-style: normal;\r\n font-weight: 600;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 1024px) {\r\n .mwr-plans-grid { grid-template-columns: 1fr; gap: 1.4rem; max-width: 480px; margin: 0 auto; }\r\n .mwr-plan.featured { transform: none; }\r\n .mwr-plan.featured:hover { transform: translateY(-4px); }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-plans-head { margin-bottom: 3rem; }\r\n .mwr-plan { padding: 2rem 1.6rem 1.8rem; }\r\n .mwr-plan-name { font-size: 1.5rem; }\r\n .mwr-plan-card-image { max-width: 200px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-plans\" aria-label=\"R\u00e9gimes d'adh\u00e9sion \u00e0 vie MWR\">\r\n <div class=\"mwr-plans-inner\">\r\n\r\n <header class=\"mwr-plans-head\">\r\n <span class=\"mwr-plans-kicker\">Commencez \u00e0 \u00e9pargner d\u00e8s l'activation<\/span>\r\n <h2 class=\"mwr-plans-title\">\r\n Choisissez votre adh\u00e9sion MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-plans-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-plans-intro\">\r\n Trois formules, une seule plateforme. Choisissez l\u2019offre qui correspond \u00e0 la fr\u00e9quence \u00e0 laquelle vous souhaitez voyager \u2014 et commencez \u00e0 d\u00e9bloquer des tarifs exclusifs d\u00e8s l\u2019activation de votre adh\u00e9sion.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-plans-grid\">\r\n\r\n <!-- Guest plan -->\r\n <article class=\"mwr-plan tier-guest\">\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"Carte de membre invit\u00e9 \u00e0 vie MWR\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/guest-card.webp\"\r\n alt=\"Carte de membre invit\u00e9 \u00e0 vie MWR\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">Invit\u00e9<\/h3>\r\n <p class=\"mwr-plan-name\">D\u00e9marrage gratuit<\/p>\r\n <p class=\"mwr-plan-tagline\">D\u00e9couvrez MWR Life sans frais<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">Gratuit<\/span>\r\n <span class=\"mwr-plan-price-period\">pour toujours<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">Activation $0<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Acc\u00e8s aux h\u00f4tels<\/li>\r\n <li>Assistance client\u00e8le 24h\/24 et 7j\/7<\/li>\r\n <li>Gagnez des cr\u00e9dits de voyage sur vos r\u00e9servations<\/li>\r\n <li>Inviter des membres invit\u00e9s<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">G<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">laissez-passer d'invit\u00e9<\/span>\r\n <span class=\"mwr-plan-passes-value\">10 aujourd'hui<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/free.traveladvantage.com\/registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n Commencez gratuitement\r\n <\/a>\r\n <\/article>\r\n\r\n <!-- VIP plan (featured) -->\r\n <article class=\"mwr-plan tier-vip featured\">\r\n <span class=\"mwr-plan-badge\">Les plus populaires<\/span>\r\n\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"Carte de membre VIP \u00e0 vie MWR\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/vip-card.webp\"\r\n alt=\"Carte de membre VIP \u00e0 vie MWR\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">VIP<\/h3>\r\n <p class=\"mwr-plan-name\">\u00c9conomies intelligentes<\/p>\r\n <p class=\"mwr-plan-tagline\">Le point id\u00e9al de MWR Life pour les voyageurs r\u00e9guliers<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">$19.97<\/span>\r\n <span class=\"mwr-plan-price-period\">\/mois<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">+ $20 activation unique<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Tout ce qui est inclus dans la version Guest, plus\u00a0:<\/li>\r\n <li>Acc\u00e8s complet \u00e0 la plateforme Travel Advantage<\/li>\r\n <li>R\u00e9ductions importantes sur les h\u00f4tels et les vols<\/li>\r\n <li>Garantie du meilleur prix pour 150%<\/li>\r\n <li>1 voyageur suppl\u00e9mentaire sur votre compte<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">V<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">laissez-passer d'invit\u00e9<\/span>\r\n <span class=\"mwr-plan-passes-value\">15 aujourd'hui + 3 par mois<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/vip-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n Choisissez VIP\r\n <\/a>\r\n <\/article>\r\n\r\n <!-- Elite plan -->\r\n <article class=\"mwr-plan tier-elite\">\r\n <div class=\"mwr-plan-card-image\" role=\"img\" aria-label=\"Carte de membre MWR Life Elite\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/elite-card.webp\"\r\n alt=\"Carte de membre MWR Life Elite\"\r\n class=\"mwr-plan-card-image-img\">\r\n <\/div>\r\n\r\n <h3 class=\"mwr-plan-tier\">\u00c9lite<\/h3>\r\n <p class=\"mwr-plan-name\">Style de vie haut de gamme<\/p>\r\n <p class=\"mwr-plan-tagline\">Avantages maximum pour les voyageurs exigeants<\/p>\r\n\r\n <div class=\"mwr-plan-price-block\">\r\n <span class=\"mwr-plan-price-amount\">$119.97<\/span>\r\n <span class=\"mwr-plan-price-period\">\/mois<\/span>\r\n <\/div>\r\n <p class=\"mwr-plan-activation\">+ $120 activation unique<\/p>\r\n\r\n <ul class=\"mwr-plan-features\">\r\n <li>Tout ce qui est inclus dans la cat\u00e9gorie VIP, plus\u00a0:<\/li>\r\n <li>offres exclusives r\u00e9serv\u00e9es aux membres \u00e9lites<\/li>\r\n <li>4 voyageurs suppl\u00e9mentaires sur votre compte<\/li>\r\n <li>120 points de fid\u00e9lit\u00e9 par mois<\/li>\r\n <li>Acc\u00e8s prioritaire au Club<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-plan-passes\">\r\n <div class=\"mwr-plan-passes-icon\">E<\/div>\r\n <div class=\"mwr-plan-passes-text\">\r\n <span class=\"mwr-plan-passes-label\">laissez-passer d'invit\u00e9<\/span>\r\n <span class=\"mwr-plan-passes-value\">50 aujourd'hui + 20 par mois<\/span>\r\n <\/div>\r\n <\/div>\r\n\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/elite-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-plan-btn\">\r\n Go Elite\r\n <\/a>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <p class=\"mwr-plans-footer\">\r\n <strong>Pas de contrats.<\/strong> Annulation possible \u00e0 tout moment. Prix en dollars am\u00e9ricains.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5f59436 elementor-widget elementor-widget-html\" data-id=\"5f59436\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Comparaison compl\u00e8te des r\u00e9gimes<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FULL PLAN COMPARISON TABLE\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n No images required \u2014 pure data table + styled callouts.\r\n Data sourced from official MWR Life Membership Benefits matrix.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-cmp, .mwr-cmp *, .mwr-cmp *::before, .mwr-cmp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-cmp {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-cmp-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-cmp-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 3.5rem;\r\n}\r\n\r\n.mwr-cmp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-cmp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-cmp-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-cmp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-cmp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* Mobile scroll hint *\/\r\n.mwr-cmp-hint {\r\n display: none;\r\n text-align: center;\r\n font-size: 0.78rem;\r\n font-style: italic;\r\n color: #9ca3af;\r\n margin-bottom: 1rem;\r\n}\r\n\r\n\/* ---------- Table wrapper ---------- *\/\r\n.mwr-cmp-table-wrap {\r\n overflow-x: auto;\r\n border-radius: 16px;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n background: #ffffff;\r\n -webkit-overflow-scrolling: touch;\r\n}\r\n\r\n.mwr-cmp-table {\r\n width: 100%;\r\n border-collapse: collapse;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n min-width: 720px;\r\n}\r\n\r\n\/* Table head *\/\r\n.mwr-cmp-table thead th {\r\n background: #fafaf6;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 1.4rem 1rem;\r\n text-align: center;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.1);\r\n white-space: nowrap;\r\n}\r\n.mwr-cmp-table thead th:first-child {\r\n text-align: left;\r\n color: #1a3a64;\r\n padding-left: 1.6rem;\r\n}\r\n.mwr-cmp-table thead th.featured {\r\n background: linear-gradient(180deg, #1a3a64, #2d8e9a);\r\n color: #faf6ee;\r\n position: relative;\r\n}\r\n.mwr-cmp-table thead th.featured::before {\r\n content: \"\u2605 Most popular\";\r\n position: absolute;\r\n top: 6px;\r\n left: 50%;\r\n transform: translateX(-50%);\r\n font-size: 0.6rem;\r\n color: #f5c842;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n font-weight: 700;\r\n}\r\n\r\n.mwr-cmp-tier-name {\r\n display: block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.15rem;\r\n font-weight: 500;\r\n margin-top: 0.5rem;\r\n letter-spacing: -0.01em;\r\n text-transform: none;\r\n}\r\n.mwr-cmp-table thead th.featured .mwr-cmp-tier-name { color: #ffffff; }\r\n\r\n\/* Group header rows *\/\r\n.mwr-cmp-table .mwr-cmp-group-row td {\r\n background: rgba(45, 142, 154, 0.04);\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.22em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n padding: 1rem 1.6rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.08);\r\n}\r\n\r\n\/* Body cells *\/\r\n.mwr-cmp-table tbody td {\r\n padding: 0.95rem 1rem;\r\n text-align: center;\r\n font-size: 0.93rem;\r\n color: #1a1f2b;\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.05);\r\n font-weight: 400;\r\n}\r\n.mwr-cmp-table tbody td:first-child {\r\n text-align: left;\r\n padding-left: 1.6rem;\r\n font-weight: 500;\r\n color: #1a3a64;\r\n}\r\n.mwr-cmp-table tbody td.featured {\r\n background: rgba(45, 142, 154, 0.04);\r\n font-weight: 600;\r\n color: #1a3a64;\r\n}\r\n.mwr-cmp-table tbody tr:hover td:not(:first-child) {\r\n background: rgba(45, 142, 154, 0.06);\r\n}\r\n.mwr-cmp-table tbody tr:hover td.featured {\r\n background: rgba(45, 142, 154, 0.1);\r\n}\r\n\r\n\/* Check \/ dash icons *\/\r\n.mwr-cmp-check {\r\n display: inline-flex;\r\n align-items: center;\r\n justify-content: center;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #2d8e9a;\r\n}\r\n.mwr-cmp-check svg { width: 11px; height: 11px; fill: none; stroke: #ffffff; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }\r\n.mwr-cmp-table td.featured .mwr-cmp-check { background: #1a3a64; }\r\n.mwr-cmp-dash { color: #c4cad3; font-size: 1.1rem; line-height: 1; }\r\n\r\n\/* ---------- Turbo Add-On callout ---------- *\/\r\n.mwr-cmp-turbo {\r\n margin-top: 2.5rem;\r\n background: linear-gradient(135deg, #0a1f3d 0%, #1a3a64 100%);\r\n color: #faf6ee;\r\n border-radius: 16px;\r\n padding: 2.2rem clamp(1.6rem, 3vw, 2.6rem);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.mwr-cmp-turbo::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; right: 0;\r\n width: 320px;\r\n height: 320px;\r\n background: radial-gradient(circle, rgba(245, 200, 66, 0.18) 0, transparent 60%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-cmp-turbo-head {\r\n display: flex;\r\n align-items: baseline;\r\n justify-content: space-between;\r\n flex-wrap: wrap;\r\n gap: 0.6rem 2rem;\r\n margin-bottom: 1.6rem;\r\n padding-bottom: 1.4rem;\r\n border-bottom: 1px solid rgba(250, 246, 238, 0.12);\r\n position: relative;\r\n}\r\n.mwr-cmp-turbo-label {\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-cmp-turbo-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 2.4vw, 1.9rem);\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0;\r\n}\r\n.mwr-cmp-turbo-name em { font-style: italic; font-weight: 400; color: #f5c842; }\r\n.mwr-cmp-turbo-price {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.4rem, 2.4vw, 1.9rem);\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #f5c842;\r\n white-space: nowrap;\r\n}\r\n.mwr-cmp-turbo-price-sub {\r\n font-size: 0.78rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 400;\r\n margin-left: 0.4rem;\r\n}\r\n\r\n.mwr-cmp-turbo-list {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: grid;\r\n grid-template-columns: repeat(2, 1fr);\r\n gap: 0.85rem 1.5rem;\r\n position: relative;\r\n}\r\n.mwr-cmp-turbo-list li {\r\n display: flex;\r\n gap: 0.7rem;\r\n align-items: flex-start;\r\n font-size: 0.92rem;\r\n color: rgba(250, 246, 238, 0.92);\r\n line-height: 1.5;\r\n}\r\n.mwr-cmp-turbo-list li::before {\r\n content: \"+\";\r\n flex-shrink: 0;\r\n width: 20px;\r\n height: 20px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n margin-top: 0.1rem;\r\n}\r\n\r\n\/* ---------- Footer CTA ---------- *\/\r\n.mwr-cmp-footer {\r\n text-align: center;\r\n margin-top: 2.8rem;\r\n}\r\n.mwr-cmp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1rem 1.8rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 12px 28px -10px rgba(45, 142, 154, 0.5);\r\n}\r\n.mwr-cmp-btn::after {\r\n content: \"\u2191\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-cmp-btn:hover {\r\n background: #1f7a85;\r\n transform: translateY(-2px);\r\n box-shadow: 0 18px 38px -12px rgba(45, 142, 154, 0.7);\r\n color: #ffffff;\r\n}\r\n.mwr-cmp-btn:hover::after { transform: translateY(-3px); }\r\n\r\n\/* Disclaimer *\/\r\n.mwr-cmp-disclaimer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 64ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.55;\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 900px) {\r\n .mwr-cmp-hint { display: block; }\r\n .mwr-cmp-turbo-list { grid-template-columns: 1fr; }\r\n .mwr-cmp-turbo-head { flex-direction: column; align-items: flex-start; gap: 0.3rem; }\r\n}\r\n@media (max-width: 640px) {\r\n .mwr-cmp-head { margin-bottom: 2.5rem; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-cmp\" id=\"full-comparison\" aria-label=\"Comparaison compl\u00e8te de l'adh\u00e9sion \u00e0 vie MWR\">\r\n <div class=\"mwr-cmp-inner\">\r\n\r\n <header class=\"mwr-cmp-head\">\r\n <span class=\"mwr-cmp-kicker\">Chaque avantage, c\u00f4te \u00e0 c\u00f4te<\/span>\r\n <h2 class=\"mwr-cmp-title\">\r\n La comparaison compl\u00e8te des adh\u00e9sions MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-cmp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-cmp-intro\">\r\n D\u00e9couvrez en d\u00e9tail tout ce que chaque formule MWR Life d\u00e9bloque \u2014 des points de fid\u00e9lit\u00e9 et pass invit\u00e9s aux cat\u00e9gories de r\u00e9servation accessibles sur la plateforme Travel Advantage\u2122.\r\n <\/p>\r\n <\/header>\r\n\r\n <p class=\"mwr-cmp-hint\">\u2190 Faites glisser pour comparer les forfaits \u2192<\/p>\r\n\r\n <div class=\"mwr-cmp-table-wrap\">\r\n <table class=\"mwr-cmp-table\">\r\n <thead>\r\n <tr>\r\n <th>Avantages du r\u00e9gime<\/th>\r\n <th>\r\n Invit\u00e9\r\n <span class=\"mwr-cmp-tier-name\">D\u00e9marrage gratuit<\/span>\r\n <\/th>\r\n <th>\r\n VIP\r\n <span class=\"mwr-cmp-tier-name\">Mensuel<\/span>\r\n <\/th>\r\n <th>\r\n VIP180\r\n <span class=\"mwr-cmp-tier-name\">Annuel<\/span>\r\n <\/th>\r\n <th class=\"featured\">\r\n \u00c9lite\r\n <span class=\"mwr-cmp-tier-name\">Prime<\/span>\r\n <\/th>\r\n <\/tr>\r\n <\/thead>\r\n <tbody>\r\n\r\n <!-- COST & FEES -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Co\u00fbts et frais<\/td><\/tr>\r\n <tr>\r\n <td>Frais d'activation<\/td>\r\n <td>Libre \u00e0 vie<\/td>\r\n <td>$20<\/td>\r\n <td>$20<\/td>\r\n <td class=\"featured\">$120<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Frais r\u00e9currents<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>$19,97 \/ mois<\/td>\r\n <td>$99,00 \/ an<\/td>\r\n <td class=\"featured\">$119,97 \/ mois<\/td>\r\n <\/tr>\r\n\r\n <!-- LOYALTY POINTS -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Points de fid\u00e9lit\u00e9<\/td><\/tr>\r\n <tr>\r\n <td>\u00c0 l'inscription<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\">120 points<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Par mois<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\">120 points<\/td>\r\n <\/tr>\r\n\r\n <!-- GUEST PASSES -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">laissez-passer d'invit\u00e9<\/td><\/tr>\r\n <tr>\r\n <td>\u00c0 l'inscription<\/td>\r\n <td>10<\/td>\r\n <td>15<\/td>\r\n <td>25<\/td>\r\n <td class=\"featured\">50<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Par mois<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>3<\/td>\r\n <td>25<\/td>\r\n <td class=\"featured\">20<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Par r\u00e9servation d'h\u00f4tel<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td>3<\/td>\r\n <td>3<\/td>\r\n <td class=\"featured\">3<\/td>\r\n <\/tr>\r\n\r\n <!-- ACCOUNT -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Fonctionnalit\u00e9s du compte<\/td><\/tr>\r\n <tr>\r\n <td>Voyageurs suppl\u00e9mentaires<\/td>\r\n <td>0<\/td>\r\n <td>1<\/td>\r\n <td>1<\/td>\r\n <td class=\"featured\">4<\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Bonus de partage Facebook 30%<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Inviter des membres invit\u00e9s<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Gagnez des cr\u00e9dits de voyage gr\u00e2ce \u00e0 vos invit\u00e9s.<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>acc\u00e8s \u00e0 l'application mobile<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n\r\n <!-- BOOKING ACCESS -->\r\n <tr class=\"mwr-cmp-group-row\"><td colspan=\"5\">Acc\u00e8s \u00e0 la r\u00e9servation<\/td><\/tr>\r\n <tr>\r\n <td>H\u00f4tels<\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Stations baln\u00e9aires<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Vols<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>location de voitures<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Transferts<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Activit\u00e9s<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Exp\u00e9riences de vie\u00ae<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Centre commercial Lifestyle<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>transport terrestre<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Croisi\u00e8res<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Auberges et chambres d'h\u00f4tes<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Billets pour l'\u00e9v\u00e9nement<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Offres \u00e9clair<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n <tr>\r\n <td>Des voyageurs suppl\u00e9mentaires ont acc\u00e8s \u00e0 Life Experiences\u00ae<\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td><span class=\"mwr-cmp-dash\">\u2014<\/span><\/td>\r\n <td class=\"featured\"><span class=\"mwr-cmp-check\"><svg viewbox=\"0 0 12 12\"><path d=\"M2.5 6.2L4.8 8.5L9.5 3.8\"\/><\/svg><\/span><\/td>\r\n <\/tr>\r\n\r\n <\/tbody>\r\n <\/table>\r\n <\/div>\r\n\r\n <!-- Turbo Add-On callout -->\r\n <div class=\"mwr-cmp-turbo\">\r\n <div class=\"mwr-cmp-turbo-head\">\r\n <div>\r\n <span class=\"mwr-cmp-turbo-label\">Mise \u00e0 niveau exclusive Elite<\/span>\r\n <h3 class=\"mwr-cmp-turbo-name\">Turbo <em>Add-On<\/em><\/h3>\r\n <\/div>\r\n <div>\r\n <span class=\"mwr-cmp-turbo-price\">$249.97<\/span>\r\n <span class=\"mwr-cmp-turbo-price-sub\">unique \u00b7 \u00e0 vie<\/span>\r\n <\/div>\r\n <\/div>\r\n <ul class=\"mwr-cmp-turbo-list\">\r\n <li>+250 points de fid\u00e9lit\u00e9 \u00e0 l'activation<\/li>\r\n <li>+1 500 laissez-passer invit\u00e9s \u00e0 l'activation<\/li>\r\n <li>Points de fid\u00e9lit\u00e9 mensuels doubl\u00e9s \u2014 pour toujours<\/li>\r\n <li>R\u00e9ductions exclusives r\u00e9serv\u00e9es aux membres Turbo<\/li>\r\n <li>Jusqu'\u00e0 100 points de fid\u00e9lit\u00e9 pour le deuxi\u00e8me voyageur participant aux Life Experiences\u00ae<\/li>\r\n <li>Avantage Flex Traveller tous les 6 mois<\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <div class=\"mwr-cmp-footer\">\r\n <a href=\"#pricing\" class=\"mwr-cmp-btn\">Retour aux plans<\/a>\r\n <\/div>\r\n\r\n <p class=\"mwr-cmp-disclaimer\">\r\n Les avantages des formules sont exacts selon la derni\u00e8re version officielle de la grille des avantages de l\u2019adh\u00e9sion MWR Life Travel Advantage\u2122. Sous r\u00e9serve de modifications par la soci\u00e9t\u00e9. Prix en USD. Annulez \u00e0 tout moment.\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-65cb20c elementor-widget elementor-widget-html\" data-id=\"65cb20c\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Vie MWR \u2014 Acc\u00e8s Turbo<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 TURBO ACCESS (Elite Upgrade) \u2014 v3 with full benefits\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n TURBO CARD IMAGE \u2014 recommended 240 \u00d7 150px (credit card proportion)\r\n Replace the inner <span class=\"mwr-turbo-card-image-label\">...<\/span>\r\n with:\r\n <img decoding=\"async\" src=\"YOUR-TURBO-CARD-URL\"\r\n alt=\"MWR Life Turbo Access Card\"\r\n style=\"width:100%;height:100%;object-fit:contain;\">\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-turbo, .mwr-turbo *, .mwr-turbo *::before, .mwr-turbo *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-turbo {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-turbo::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 85% 15%, rgba(245, 200, 66, 0.15) 0, transparent 45%),\r\n radial-gradient(circle at 15% 85%, rgba(45, 142, 154, 0.15) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-turbo::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.5;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-turbo-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-turbo-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-turbo-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #f5c842;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-turbo-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-turbo-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-turbo-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-turbo-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.75);\r\n max-width: 60ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Main upgrade card ---------- *\/\r\n.mwr-turbo-card {\r\n background: linear-gradient(160deg, rgba(255,255,255,0.04) 0%, rgba(245, 200, 66, 0.04) 100%);\r\n border: 1px solid rgba(245, 200, 66, 0.25);\r\n border-radius: 20px;\r\n padding: clamp(2rem, 4vw, 3.5rem);\r\n position: relative;\r\n overflow: hidden;\r\n}\r\n.mwr-turbo-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: -1px; left: -1px; right: -1px;\r\n height: 1px;\r\n background: linear-gradient(90deg, transparent, rgba(245, 200, 66, 0.6), transparent);\r\n}\r\n\r\n.mwr-turbo-card-top {\r\n display: grid;\r\n grid-template-columns: auto 1fr auto;\r\n align-items: center;\r\n gap: 2.2rem;\r\n margin-bottom: 3rem;\r\n padding-bottom: 2.5rem;\r\n border-bottom: 1px solid rgba(250, 246, 238, 0.1);\r\n}\r\n\r\n\/* ---------- Turbo card image placeholder ---------- *\/\r\n.mwr-turbo-card-image {\r\n position: relative;\r\n width: 240px;\r\n aspect-ratio: 300 \/ 213;\r\n flex-shrink: 0;\r\n border-radius: 12px;\r\n background-color: #1a3a64;\r\n background-size: cover;\r\n background-position: center;\r\n background-repeat: no-repeat;\r\n background-image: linear-gradient(135deg, #1a3a64 0%, #6b4e8a 45%, #c8553d 75%, #f5c842 100%);\r\n box-shadow:\r\n 0 14px 32px -8px rgba(245, 200, 66, 0.35),\r\n 0 4px 8px rgba(10, 31, 61, 0.4);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n transition: transform 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-turbo-card-image:hover {\r\n transform: translateY(-4px) rotate(-2deg);\r\n}\r\n.mwr-turbo-card-image::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 25% 25%, rgba(255,255,255,0.22) 0, transparent 45%),\r\n radial-gradient(circle at 75% 75%, rgba(255,255,255,0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n.mwr-turbo-card-image-label {\r\n position: relative;\r\n z-index: 1;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: rgba(255, 255, 255, 0.9);\r\n text-align: center;\r\n padding: 0.45rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.4);\r\n border-radius: 4px;\r\n line-height: 1.4;\r\n background: rgba(0, 0, 0, 0.18);\r\n backdrop-filter: blur(2px);\r\n}\r\n\r\n\/* Real Turbo card image \u2014 covers placeholder when present *\/\r\n.mwr-turbo-card-image-img {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n display: block;\r\n}\r\n.mwr-turbo-card-image:has(.mwr-turbo-card-image-img) {\r\n background-image: none !important;\r\n background-color: transparent;\r\n box-shadow: none;\r\n border-radius: 0;\r\n overflow: visible;\r\n}\r\n.mwr-turbo-card-image:has(.mwr-turbo-card-image-img)::before {\r\n display: none;\r\n}\r\n\r\n\/* ---------- Brand info (middle column) ---------- *\/\r\n.mwr-turbo-brand { min-width: 0; }\r\n.mwr-turbo-eyebrow {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin-bottom: 0.6rem;\r\n}\r\n.mwr-turbo-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 3.4vw, 2.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #faf6ee;\r\n margin: 0 0 0.6rem;\r\n}\r\n.mwr-turbo-name em { font-style: italic; font-weight: 400; color: #f5c842; }\r\n.mwr-turbo-tagline {\r\n font-size: 0.95rem;\r\n color: rgba(250, 246, 238, 0.7);\r\n margin: 0;\r\n line-height: 1.5;\r\n max-width: 36ch;\r\n}\r\n\r\n\/* ---------- Price box (right column) ---------- *\/\r\n.mwr-turbo-price-box {\r\n text-align: right;\r\n flex-shrink: 0;\r\n}\r\n.mwr-turbo-price-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.55);\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-turbo-price {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 3.4vw, 2.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #f5c842;\r\n margin-bottom: 0.4rem;\r\n}\r\n.mwr-turbo-price-sub {\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.6);\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- Comparison visual ---------- *\/\r\n.mwr-turbo-compare {\r\n display: grid;\r\n grid-template-columns: 1fr auto 1fr;\r\n gap: 1.5rem;\r\n align-items: center;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.mwr-turbo-side {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(250, 246, 238, 0.1);\r\n border-radius: 14px;\r\n padding: 1.8rem 1.6rem;\r\n text-align: center;\r\n position: relative;\r\n}\r\n.mwr-turbo-side.boosted {\r\n background: linear-gradient(160deg, rgba(245, 200, 66, 0.12) 0%, rgba(45, 142, 154, 0.08) 100%);\r\n border: 1.5px solid rgba(245, 200, 66, 0.4);\r\n box-shadow: 0 0 40px -10px rgba(245, 200, 66, 0.3);\r\n}\r\n\r\n.mwr-turbo-side-tier {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.7rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.55);\r\n margin-bottom: 0.5rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-tier { color: #f5c842; }\r\n\r\n.mwr-turbo-side-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.4rem;\r\n font-weight: 500;\r\n color: #faf6ee;\r\n margin-bottom: 1.4rem;\r\n letter-spacing: -0.015em;\r\n}\r\n\r\n.mwr-turbo-side-figure {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.8rem, 4.5vw, 3.8rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #faf6ee;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-figure { color: #f5c842; }\r\n.mwr-turbo-side-figure-period {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.65);\r\n font-weight: 500;\r\n margin-bottom: 1.3rem;\r\n}\r\n\r\n.mwr-turbo-side-extra {\r\n font-size: 0.82rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n padding-top: 0.9rem;\r\n margin-top: 0.5rem;\r\n}\r\n.mwr-turbo-side.boosted .mwr-turbo-side-extra { color: rgba(245, 200, 66, 0.75); }\r\n\r\n.mwr-turbo-multiplier {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n gap: 0.4rem;\r\n}\r\n.mwr-turbo-mult-circle {\r\n width: 76px;\r\n height: 76px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 1.85rem;\r\n letter-spacing: -0.03em;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n box-shadow:\r\n 0 0 0 4px rgba(245, 200, 66, 0.15),\r\n 0 0 30px -4px rgba(245, 200, 66, 0.6);\r\n position: relative;\r\n}\r\n.mwr-turbo-mult-circle::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: -8px;\r\n border-radius: 50%;\r\n border: 1px dashed rgba(245, 200, 66, 0.4);\r\n animation: mwrTurboSpin 18s linear infinite;\r\n}\r\n@keyframes mwrTurboSpin { to { transform: rotate(360deg); } }\r\n.mwr-turbo-mult-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.65rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: rgba(245, 200, 66, 0.8);\r\n}\r\n\r\n\/* ---------- Worked example callout ---------- *\/\r\n.mwr-turbo-example {\r\n background: rgba(45, 142, 154, 0.08);\r\n border: 1px solid rgba(45, 142, 154, 0.25);\r\n border-radius: 14px;\r\n padding: 1.8rem 2rem;\r\n margin-bottom: 3rem;\r\n}\r\n.mwr-turbo-example-label {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-size: 0.95rem;\r\n color: #46a8b3;\r\n margin-bottom: 1rem;\r\n display: block;\r\n}\r\n.mwr-turbo-example-text {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n font-weight: 300;\r\n line-height: 1.55;\r\n color: #faf6ee;\r\n margin: 0;\r\n}\r\n.mwr-turbo-example-text strong {\r\n color: #f5c842;\r\n font-weight: 500;\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- \"Beyond doubled points\" perks grid ---------- *\/\r\n.mwr-turbo-perks {\r\n margin-bottom: 3rem;\r\n padding-top: 2.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n}\r\n.mwr-turbo-perks-label {\r\n display: block;\r\n text-align: center;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.4rem);\r\n color: #46a8b3;\r\n margin-bottom: 1.8rem;\r\n}\r\n.mwr-turbo-perks-grid {\r\n display: grid;\r\n grid-template-columns: repeat(5, 1fr);\r\n gap: 1rem;\r\n}\r\n.mwr-turbo-perk {\r\n background: rgba(255, 255, 255, 0.03);\r\n border: 1px solid rgba(250, 246, 238, 0.1);\r\n border-radius: 12px;\r\n padding: 1.4rem 1.2rem;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n position: relative;\r\n}\r\n.mwr-turbo-perk:hover {\r\n background: rgba(245, 200, 66, 0.06);\r\n border-color: rgba(245, 200, 66, 0.3);\r\n transform: translateY(-3px);\r\n}\r\n.mwr-turbo-perk-value {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 500;\r\n font-size: 1.7rem;\r\n letter-spacing: -0.02em;\r\n line-height: 1;\r\n color: #f5c842;\r\n margin-bottom: 0.7rem;\r\n display: block;\r\n}\r\n.mwr-turbo-perk-title {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.88rem;\r\n font-weight: 700;\r\n letter-spacing: 0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 0.4rem;\r\n line-height: 1.3;\r\n}\r\n.mwr-turbo-perk-desc {\r\n font-size: 0.78rem;\r\n color: rgba(250, 246, 238, 0.6);\r\n line-height: 1.5;\r\n margin: 0;\r\n}\r\n\r\n\/* ---------- CTA ---------- *\/\r\n.mwr-turbo-cta-wrap {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n}\r\n.mwr-turbo-cta-text {\r\n font-size: 0.85rem;\r\n color: rgba(250, 246, 238, 0.5);\r\n font-style: italic;\r\n max-width: 42ch;\r\n line-height: 1.5;\r\n margin: 0;\r\n}\r\n.mwr-turbo-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 1.9rem;\r\n border-radius: 999px;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 14px 32px -10px rgba(245, 200, 66, 0.55);\r\n}\r\n.mwr-turbo-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-turbo-btn:hover {\r\n background: #fbd76a;\r\n color: #0a1f3d;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(245, 200, 66, 0.75);\r\n}\r\n.mwr-turbo-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 1100px) {\r\n .mwr-turbo-perks-grid { grid-template-columns: repeat(3, 1fr); }\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-turbo-card-top {\r\n grid-template-columns: auto 1fr;\r\n gap: 1.8rem;\r\n }\r\n .mwr-turbo-price-box {\r\n grid-column: span 2;\r\n text-align: left;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n }\r\n}\r\n\r\n@media (max-width: 700px) {\r\n .mwr-turbo-card-top {\r\n grid-template-columns: 1fr;\r\n gap: 1.4rem;\r\n text-align: center;\r\n }\r\n .mwr-turbo-card-image { margin: 0 auto; width: 220px; }\r\n .mwr-turbo-brand { text-align: center; }\r\n .mwr-turbo-tagline { margin-left: auto; margin-right: auto; }\r\n .mwr-turbo-price-box {\r\n grid-column: auto;\r\n text-align: center;\r\n padding-top: 1.5rem;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n }\r\n .mwr-turbo-compare { grid-template-columns: 1fr; gap: 1rem; }\r\n .mwr-turbo-multiplier { padding: 0.4rem 0; }\r\n .mwr-turbo-mult-circle { transform: rotate(90deg); }\r\n .mwr-turbo-perks-grid { grid-template-columns: repeat(2, 1fr); }\r\n .mwr-turbo-cta-wrap { flex-direction: column; align-items: flex-start; }\r\n .mwr-turbo-btn { width: 100%; justify-content: center; }\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .mwr-turbo-head { margin-bottom: 3rem; }\r\n .mwr-turbo-example { padding: 1.4rem 1.4rem; }\r\n .mwr-turbo-side-figure { font-size: 2.4rem; }\r\n .mwr-turbo-perks-grid { grid-template-columns: 1fr; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-turbo\" aria-label=\"Mise \u00e0 niveau MWR Life Turbo Access\">\r\n <div class=\"mwr-turbo-inner\">\r\n\r\n <header class=\"mwr-turbo-head\">\r\n <span class=\"mwr-turbo-kicker\">Une am\u00e9lioration exclusive r\u00e9serv\u00e9e aux membres Elite<\/span>\r\n <h2 class=\"mwr-turbo-title\">\r\n Multipliez votre budget voyage avec <em>Turbo Access<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-turbo-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-turbo-intro\">\r\n Une am\u00e9lioration \u00e0 vie avec paiement unique qui double \u00e0 jamais tous les points de fid\u00e9lit\u00e9 g\u00e9n\u00e9r\u00e9s par votre adh\u00e9sion Elite MWR Life. Les m\u00eames mois, les m\u00eames paiements, deux fois plus de voyages \u2014 plus une s\u00e9rie de bonus d\u2019activation valant des milliers.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-turbo-card\">\r\n\r\n <div class=\"mwr-turbo-card-top\">\r\n\r\n <div class=\"mwr-turbo-card-image\" role=\"img\" aria-label=\"Carte de membre MWR Life Turbo Access\">\r\n <img decoding=\"async\" src=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/turbo-card.webp\"\r\n alt=\"Carte d'acc\u00e8s MWR Life Turbo\"\r\n class=\"mwr-turbo-card-image-img\">\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-brand\">\r\n <p class=\"mwr-turbo-eyebrow\">Acc\u00e8s Elite + Turbo<\/p>\r\n <h3 class=\"mwr-turbo-name\">Turbo <em>Access<\/em><\/h3>\r\n <p class=\"mwr-turbo-tagline\">Activez une seule fois. Doublez vos points de fid\u00e9lit\u00e9 chaque mois pendant toute la dur\u00e9e restante de votre adh\u00e9sion MWR Life.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-price-box\">\r\n <p class=\"mwr-turbo-price-label\">paiement unique<\/p>\r\n <p class=\"mwr-turbo-price\">$249.97<\/p>\r\n <p class=\"mwr-turbo-price-sub\">Avantage \u00e0 vie \u00b7 sans renouvellement<\/p>\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-compare\">\r\n\r\n <div class=\"mwr-turbo-side\">\r\n <p class=\"mwr-turbo-side-tier\">Elite Standard<\/p>\r\n <p class=\"mwr-turbo-side-name\">Sans turbo<\/p>\r\n <p class=\"mwr-turbo-side-figure\">120 points<\/p>\r\n <p class=\"mwr-turbo-side-figure-period\">gagn\u00e9 chaque mois<\/p>\r\n <p class=\"mwr-turbo-side-extra\">$1 440 en valeur de fid\u00e9lit\u00e9 par an<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-multiplier\">\r\n <div class=\"mwr-turbo-mult-circle\">\u00d72<\/div>\r\n <span class=\"mwr-turbo-mult-label\">\u00c0 Vie<\/span>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-side boosted\">\r\n <p class=\"mwr-turbo-side-tier\">\u00c9lite + Turbo<\/p>\r\n <p class=\"mwr-turbo-side-name\">Avec Turbo Access<\/p>\r\n <p class=\"mwr-turbo-side-figure\">240 pts<\/p>\r\n <p class=\"mwr-turbo-side-figure-period\">gagn\u00e9 chaque mois<\/p>\r\n <p class=\"mwr-turbo-side-extra\">$2,880 en valeur de fid\u00e9lit\u00e9 par an<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-example\">\r\n <span class=\"mwr-turbo-example-label\">Faites le calcul<\/span>\r\n <p class=\"mwr-turbo-example-text\">\r\n Apr\u00e8s seulement <strong>3 mois<\/strong> de Turbo Access, vos 360 $ de frais d\u2019adh\u00e9sion deviennent <strong>720 points de fid\u00e9lit\u00e9.<\/strong>C\u2019est suffisant pour rendre une <strong>exp\u00e9rience MWR Life de 320 $ totalement gratuite<\/strong> \u2014 tout en vous laissant encore 400 points pour la prochaine aventure.\r\n <\/p>\r\n <\/div>\r\n\r\n <!-- Beyond doubled points \u2014 the 5 extra Turbo benefits -->\r\n <div class=\"mwr-turbo-perks\">\r\n <span class=\"mwr-turbo-perks-label\">Au-del\u00e0 des points doubl\u00e9s<\/span>\r\n <div class=\"mwr-turbo-perks-grid\">\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">+250<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Points de fid\u00e9lit\u00e9 bonus<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Cr\u00e9dit\u00e9 d\u00e8s l'activation de votre Acc\u00e8s Turbo.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">+1,500<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">laissez-passer d'invit\u00e9<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Un stock massif d\u00e9bloqu\u00e9 instantan\u00e9ment \u00e0 l'activation.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">Exclusif<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Tarifs Turbo uniquement<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Des r\u00e9ductions exclusives dont ne b\u00e9n\u00e9ficient aucun autre membre \u00e0 vie du MWR.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">100 points<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Deuxi\u00e8me voyageur<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Utilisez jusqu'\u00e0 100 points pour un accompagnateur dans le cadre d'Exp\u00e9riences de vie\u00ae.<\/p>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-perk\">\r\n <span class=\"mwr-turbo-perk-value\">Tous les 6 mois<\/span>\r\n <h4 class=\"mwr-turbo-perk-title\">Voyageur flexible<\/h4>\r\n <p class=\"mwr-turbo-perk-desc\">Changez de compagnon de voyage deux fois par an sans p\u00e9nalit\u00e9.<\/p>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n\r\n <div class=\"mwr-turbo-cta-wrap\">\r\n <p class=\"mwr-turbo-cta-text\">\r\n L'acc\u00e8s Turbo est r\u00e9serv\u00e9 aux membres Elite actifs. Activez d'abord votre abonnement Elite, puis ajoutez l'acc\u00e8s Turbo depuis votre compte.\r\n <\/p>\r\n <a href=\"https:\/\/join.traveladvantage.com\/ambassador\/checkout\/elite-M?website=registerglobal\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-turbo-btn\">\r\n Passez \u00e0 la version Turbo\r\n <\/a>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6f09325 elementor-widget elementor-widget-html\" data-id=\"6f09325\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 T\u00e9moignages de membres<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 MEMBER TESTIMONIALS \u2014 v3 ready-to-fill photo slots\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n \u2726 HOW TO ADD PHOTOS:\r\n Find the 3 <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\"> tags inside\r\n the cards and paste the photo URL between the empty quotes:\r\n\r\n BEFORE: <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"...\">\r\n AFTER: <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"https:\/\/...\" alt=\"...\">\r\n\r\n Recommended photo: 160 \u00d7 160px square (face centered, neutral bg).\r\n The placeholder icon stays visible until you fill the src.\r\n\r\n \u2726 HOW TO UPDATE TEXT:\r\n Each card has: metric value, metric label, quote, name, role.\r\n Replace all 3 placeholder personas with real members when ready.\r\n KEEP the legal disclaimer at the bottom.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-test, .mwr-test *, .mwr-test *::before, .mwr-test *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-test {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-test-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-test-head {\r\n text-align: center;\r\n max-width: 760px;\r\n margin: 0 auto 4rem;\r\n}\r\n\r\n.mwr-test-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-test-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-test-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-test-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-test-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Cards grid ---------- *\/\r\n.mwr-test-grid {\r\n display: grid;\r\n grid-template-columns: repeat(3, 1fr);\r\n gap: 1.8rem;\r\n margin-bottom: 3rem;\r\n}\r\n\r\n.mwr-test-card {\r\n background: #ffffff;\r\n border-radius: 18px;\r\n padding: 2rem 1.8rem 1.8rem;\r\n border: 1px solid rgba(26, 58, 100, 0.1);\r\n box-shadow: 0 1px 3px rgba(26, 58, 100, 0.04);\r\n display: flex;\r\n flex-direction: column;\r\n position: relative;\r\n transition: all 0.4s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-test-card::before {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 1.8rem; right: 1.8rem;\r\n height: 3px;\r\n background: #f5c842;\r\n border-radius: 0 0 3px 3px;\r\n}\r\n.mwr-test-card:hover {\r\n transform: translateY(-4px);\r\n box-shadow: 0 24px 50px -20px rgba(26, 58, 100, 0.2);\r\n border-color: rgba(26, 58, 100, 0.18);\r\n}\r\n\r\n.mwr-test-quote-mark {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 500;\r\n font-size: 3.5rem;\r\n color: rgba(245, 200, 66, 0.45);\r\n line-height: 0.7;\r\n margin-bottom: 0.5rem;\r\n height: 1.5rem;\r\n}\r\n\r\n.mwr-test-stars {\r\n display: flex;\r\n gap: 0.15rem;\r\n margin-bottom: 1.2rem;\r\n color: #f5c842;\r\n font-size: 0.9rem;\r\n letter-spacing: 0.1em;\r\n}\r\n\r\n.mwr-test-metric { margin-bottom: 1.4rem; }\r\n.mwr-test-metric-value {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.2rem, 3vw, 2.6rem);\r\n font-weight: 500;\r\n letter-spacing: -0.03em;\r\n line-height: 1;\r\n color: #f5c842;\r\n display: block;\r\n margin-bottom: 0.3rem;\r\n}\r\n.mwr-test-metric-label {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.78rem;\r\n font-weight: 600;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #2d8e9a;\r\n}\r\n\r\n.mwr-test-quote {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 300;\r\n font-size: 1.05rem;\r\n line-height: 1.55;\r\n color: #1a3a64;\r\n margin: 0 0 1.8rem;\r\n flex-grow: 1;\r\n}\r\n\r\n.mwr-test-attr {\r\n display: flex;\r\n align-items: center;\r\n gap: 0.9rem;\r\n padding-top: 1.4rem;\r\n border-top: 1px solid rgba(26, 58, 100, 0.08);\r\n}\r\n\r\n\/* ---------- Photo slot ---------- *\/\r\n.mwr-test-photo {\r\n flex-shrink: 0;\r\n width: 60px;\r\n height: 60px;\r\n border-radius: 10px;\r\n background-size: cover;\r\n background-position: center;\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n overflow: hidden;\r\n position: relative;\r\n}\r\n\r\n\/* Placeholder gradient backgrounds \u2014 auto-hide when img has real src *\/\r\n.mwr-test-photo.persona-1 { background-image: linear-gradient(135deg, #2d8e9a, #46a8b3); }\r\n.mwr-test-photo.persona-2 { background-image: linear-gradient(135deg, #1a3a64, #6b4e8a); }\r\n.mwr-test-photo.persona-3 { background-image: linear-gradient(135deg, #c8553d, #f5c842); }\r\n\r\n\/* Placeholder icon \u2014 visible until photo src is filled *\/\r\n.mwr-test-photo-icon {\r\n width: 28px;\r\n height: 28px;\r\n opacity: 0.85;\r\n position: relative;\r\n z-index: 1;\r\n}\r\n.mwr-test-photo-icon path,\r\n.mwr-test-photo-icon circle {\r\n fill: rgba(255, 255, 255, 0.85);\r\n}\r\n\r\n\/* Real photo \u2014 covers placeholder when src is filled *\/\r\n.mwr-test-photo-img {\r\n position: absolute;\r\n inset: 0;\r\n width: 100%;\r\n height: 100%;\r\n object-fit: cover;\r\n z-index: 2;\r\n display: block;\r\n}\r\n\/* Hide the img when src is empty (so placeholder stays visible) *\/\r\n.mwr-test-photo-img[src=\"\"],\r\n.mwr-test-photo-img:not([src]) {\r\n display: none;\r\n}\r\n\r\n.mwr-test-attr-text {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.1rem;\r\n min-width: 0;\r\n}\r\n.mwr-test-name {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n color: #1a3a64;\r\n line-height: 1.2;\r\n}\r\n.mwr-test-role {\r\n font-size: 0.78rem;\r\n color: #6b7280;\r\n line-height: 1.3;\r\n}\r\n\r\n\/* ---------- Trustpilot badge ---------- *\/\r\n.mwr-test-trust {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 1.5rem;\r\n padding: 1.5rem 2rem;\r\n background: #fafaf6;\r\n border: 1px solid rgba(26, 58, 100, 0.08);\r\n border-radius: 14px;\r\n margin: 0 auto;\r\n max-width: 640px;\r\n flex-wrap: wrap;\r\n}\r\n.mwr-test-trust-rating { display: flex; align-items: center; gap: 0.5rem; }\r\n.mwr-test-trust-stars { display: flex; gap: 0.1rem; color: #f5c842; font-size: 1.2rem; letter-spacing: 0.05em; }\r\n.mwr-test-trust-num {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 600;\r\n font-size: 1.4rem;\r\n color: #1a3a64;\r\n letter-spacing: -0.02em;\r\n margin-left: 0.4rem;\r\n}\r\n.mwr-test-trust-text {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.88rem;\r\n color: #6b7280;\r\n line-height: 1.4;\r\n}\r\n.mwr-test-trust-text strong { color: #1a3a64; font-weight: 600; }\r\n.mwr-test-trust-divider {\r\n width: 1px;\r\n height: 36px;\r\n background: rgba(26, 58, 100, 0.12);\r\n}\r\n\r\n.mwr-test-disclaimer {\r\n text-align: center;\r\n margin-top: 2rem;\r\n font-size: 0.75rem;\r\n color: #9ca3af;\r\n font-style: italic;\r\n max-width: 64ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n line-height: 1.55;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .mwr-test-grid { grid-template-columns: 1fr; gap: 1.4rem; max-width: 540px; margin-left: auto; margin-right: auto; }\r\n}\r\n@media (max-width: 640px) {\r\n .mwr-test-head { margin-bottom: 3rem; }\r\n .mwr-test-trust { flex-direction: column; gap: 1rem; padding: 1.4rem; text-align: center; }\r\n .mwr-test-trust-divider { display: none; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-test\" aria-label=\"Histoires de membres \u00e0 vie du MWR\">\r\n <div class=\"mwr-test-inner\">\r\n\r\n <header class=\"mwr-test-head\">\r\n <span class=\"mwr-test-kicker\">De vrais membres, de vrais parcours<\/span>\r\n <h2 class=\"mwr-test-title\">\r\n Histoires de la communaut\u00e9 MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-test-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-test-intro\">\r\n Des familles r\u00e9alisant trois voyages par an pour le prix d\u2019un, aux aventuriers accomplissant leurs r\u00eaves \u00e0 travers les continents \u2014 d\u00e9couvrez comment les membres profitent de MWR Life.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-test-grid\">\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 1 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 \u00e9toiles sur 5\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">$18,400<\/span>\r\n <span class=\"mwr-test-metric-label\">\u00c9conomis\u00e9 sur 2 ans<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n Avant, nous faisions un voyage en famille par an. Avec MWR Life, nous en avons fait trois en 2024 \u2014 et cela nous a co\u00fbt\u00e9 moins cher qu'un seul voyage auparavant.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-1\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Marina A.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Marina A.<\/span>\r\n <span class=\"mwr-test-role\">Membre d'\u00e9lite \u00b7 Lisbonne, Portugal<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 2 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 \u00e9toiles sur 5\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">38 pays<\/span>\r\n <span class=\"mwr-test-metric-label\">En 18 mois en tant que membre<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n J'ai toujours r\u00eav\u00e9 de voyager \u00e0 plein temps, mais les calculs ne le permettaient pas. Gr\u00e2ce aux tarifs pr\u00e9f\u00e9rentiels r\u00e9serv\u00e9s aux membres de MWR Life, j'ai d\u00e9j\u00e0 visit\u00e9 38 pays \u2014 et ce n'est que le d\u00e9but.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-2\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Daniel R.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Daniel R.<\/span>\r\n <span class=\"mwr-test-role\">\u00c9lite + Turbo \u00b7 Buenos Aires, Argentine<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 TESTIMONIAL 3 \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <article class=\"mwr-test-card\">\r\n <div class=\"mwr-test-quote-mark\" aria-hidden=\"true\">\"<\/div>\r\n <div class=\"mwr-test-stars\" aria-label=\"5 \u00e9toiles sur 5\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n\r\n <div class=\"mwr-test-metric\">\r\n <span class=\"mwr-test-metric-value\">12 s\u00e9jours de r\u00eave<\/span>\r\n <span class=\"mwr-test-metric-label\">R\u00e9serv\u00e9 sur 3 ans<\/span>\r\n <\/div>\r\n\r\n <p class=\"mwr-test-quote\">\r\n Les Maldives, Santorin, une villa priv\u00e9e \u00e0 Bali \u2014 des destinations pour lesquelles j'\u00e9conomisais depuis dix ans. MWR Life a transform\u00e9 cette liste en calendrier.\r\n <\/p>\r\n\r\n <div class=\"mwr-test-attr\">\r\n <div class=\"mwr-test-photo persona-3\">\r\n <svg class=\"mwr-test-photo-icon\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 17.5l4.5-5 3.5 4 4-5 6 7H3v-1z\"\/>\r\n <circle cx=\"17\" cy=\"7.5\" r=\"1.8\"\/>\r\n <\/svg>\r\n <!-- \ud83d\udc47 PASTE PHOTO URL between the quotes (recommended 160\u00d7160px) -->\r\n <img decoding=\"async\" class=\"mwr-test-photo-img\" src=\"\" alt=\"Sophia M.\">\r\n <\/div>\r\n <div class=\"mwr-test-attr-text\">\r\n <span class=\"mwr-test-name\">Sophia M.<\/span>\r\n <span class=\"mwr-test-role\">Membre d'\u00e9lite \u00b7 Montr\u00e9al, Canada<\/span>\r\n <\/div>\r\n <\/div>\r\n <\/article>\r\n\r\n <\/div>\r\n\r\n <!-- Trust badge -->\r\n <div class=\"mwr-test-trust\">\r\n <div class=\"mwr-test-trust-rating\">\r\n <div class=\"mwr-test-trust-stars\" aria-label=\"4,8 \u00e9toiles sur 5\">\u2605 \u2605 \u2605 \u2605 \u2605<\/div>\r\n <span class=\"mwr-test-trust-num\">4.8<\/span>\r\n <\/div>\r\n <div class=\"mwr-test-trust-divider\" aria-hidden=\"true\"><\/div>\r\n <p class=\"mwr-test-trust-text\">\r\n <strong>Plus de 1\u00a0500 avis<\/strong> des membres \u00e0 vie de MWR dans plus de 130 pays \u00e0 travers le monde.\r\n <\/p>\r\n <\/div>\r\n\r\n \r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4b3dc1a elementor-widget elementor-widget-html\" data-id=\"4b3dc1a\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 L'opportunit\u00e9<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 OPPORTUNITY TEASER (with Reels-style Vimeo) \u2014 v3\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-opp, .mwr-opp *, .mwr-opp *::before, .mwr-opp *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-opp {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: #faf6ee;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Atmospheric background *\/\r\n.mwr-opp::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 15% 20%, rgba(45, 142, 154, 0.2) 0, transparent 45%),\r\n radial-gradient(circle at 85% 80%, rgba(245, 200, 66, 0.12) 0, transparent 45%);\r\n pointer-events: none;\r\n}\r\n\r\n.mwr-opp::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(250, 246, 238, 0.025) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(250, 246, 238, 0.025) 1px, transparent 1px);\r\n background-size: 80px 80px;\r\n opacity: 0.4;\r\n pointer-events: none;\r\n mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 30%, transparent 75%);\r\n}\r\n\r\n.mwr-opp-inner {\r\n position: relative;\r\n z-index: 2;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Grid layout (handles both desktop & mobile) ---------- *\/\r\n.mwr-opp-grid {\r\n display: grid;\r\n grid-template-columns: 1fr 1.15fr;\r\n grid-template-rows: auto auto;\r\n column-gap: clamp(2rem, 5vw, 4rem);\r\n row-gap: 1.6rem;\r\n align-items: center;\r\n}\r\n\r\n\/* Header \u2014 top right on desktop *\/\r\n.mwr-opp-header {\r\n grid-column: 2;\r\n grid-row: 1;\r\n align-self: end;\r\n}\r\n\r\n\/* Visual \u2014 full height left on desktop *\/\r\n.mwr-opp-visual {\r\n grid-column: 1;\r\n grid-row: 1 \/ span 2;\r\n align-self: center;\r\n justify-self: center;\r\n width: 100%;\r\n display: flex;\r\n justify-content: center;\r\n}\r\n\r\n\/* Body \u2014 bottom right on desktop *\/\r\n.mwr-opp-body {\r\n grid-column: 2;\r\n grid-row: 2;\r\n align-self: start;\r\n}\r\n\r\n\/* ---------- Video frame (phone-screen styling) ---------- *\/\r\n.mwr-opp-img {\r\n position: relative;\r\n width: 100%;\r\n max-width: 340px;\r\n aspect-ratio: 9 \/ 16;\r\n border-radius: 32px;\r\n background: #050d20;\r\n overflow: hidden;\r\n box-shadow:\r\n inset 0 0 0 1px rgba(255, 255, 255, 0.06),\r\n 0 0 0 1px rgba(245, 200, 66, 0.32),\r\n 0 0 70px -10px rgba(245, 200, 66, 0.28),\r\n 0 30px 70px -15px rgba(0, 0, 0, 0.65),\r\n 0 80px 110px -50px rgba(0, 0, 0, 0.55);\r\n transform: translateZ(0);\r\n}\r\n\r\n.mwr-opp-img::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background: linear-gradient(180deg, rgba(255, 255, 255, 0.05) 0%, transparent 18%);\r\n z-index: 2;\r\n pointer-events: none;\r\n border-radius: inherit;\r\n}\r\n\r\n.mwr-opp-img iframe {\r\n position: absolute;\r\n top: 0;\r\n left: 0;\r\n width: 100%;\r\n height: 100%;\r\n border: 0;\r\n display: block;\r\n z-index: 1;\r\n}\r\n\r\n\/* Floating badge on top of the video *\/\r\n.mwr-opp-img-badge {\r\n position: absolute;\r\n top: 1.2rem;\r\n left: 1.2rem;\r\n background: rgba(10, 31, 61, 0.85);\r\n border: 1px solid rgba(245, 200, 66, 0.4);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n border-radius: 999px;\r\n padding: 0.45rem 0.85rem;\r\n display: flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.68rem;\r\n font-weight: 700;\r\n letter-spacing: 0.15em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n z-index: 3;\r\n}\r\n.mwr-opp-img-badge::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n box-shadow: 0 0 8px rgba(245, 200, 66, 0.7);\r\n animation: mwrOppPulse 2s ease-in-out infinite;\r\n}\r\n@keyframes mwrOppPulse {\r\n 0%, 100% { opacity: 1; transform: scale(1); }\r\n 50% { opacity: 0.4; transform: scale(0.8); }\r\n}\r\n\r\n\/* Sound toggle button (Instagram Reels-style) *\/\r\n.mwr-opp-sound {\r\n position: absolute;\r\n bottom: 1rem;\r\n right: 1rem;\r\n width: 42px;\r\n height: 42px;\r\n border-radius: 50%;\r\n background: rgba(10, 31, 61, 0.85);\r\n border: 1px solid rgba(245, 200, 66, 0.4);\r\n backdrop-filter: blur(8px);\r\n -webkit-backdrop-filter: blur(8px);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n color: #f5c842;\r\n z-index: 3;\r\n padding: 0;\r\n transition: background 0.25s ease, border-color 0.25s ease, transform 0.25s cubic-bezier(0.22, 1, 0.36, 1);\r\n -webkit-tap-highlight-color: transparent;\r\n}\r\n.mwr-opp-sound:hover {\r\n background: rgba(10, 31, 61, 0.95);\r\n border-color: #f5c842;\r\n transform: scale(1.06);\r\n}\r\n.mwr-opp-sound:active {\r\n transform: scale(0.95);\r\n}\r\n.mwr-opp-sound svg {\r\n width: 19px;\r\n height: 19px;\r\n fill: currentColor;\r\n}\r\n\r\n\/* Pulse hint while muted *\/\r\n.mwr-opp-sound[data-muted=\"true\"] {\r\n animation: mwrOppSoundPulse 2.6s ease-in-out infinite;\r\n}\r\n@keyframes mwrOppSoundPulse {\r\n 0% { box-shadow: 0 0 0 0 rgba(245, 200, 66, 0.55); }\r\n 70% { box-shadow: 0 0 0 12px rgba(245, 200, 66, 0); }\r\n 100% { box-shadow: 0 0 0 0 rgba(245, 200, 66, 0); }\r\n}\r\n\r\n\/* Show\/hide icon based on muted state *\/\r\n.mwr-opp-sound[data-muted=\"true\"] .mwr-opp-sound-on { display: none; }\r\n.mwr-opp-sound[data-muted=\"false\"] .mwr-opp-sound-off { display: none; }\r\n\r\n\/* ---------- Header content ---------- *\/\r\n.mwr-opp-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #46a8b3;\r\n letter-spacing: 0.01em;\r\n margin: 0 0 1.1rem;\r\n}\r\n\r\n.mwr-opp-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4vw, 2.9rem);\r\n font-weight: 500;\r\n line-height: 1.12;\r\n letter-spacing: -0.025em;\r\n color: #faf6ee;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-opp-title em {\r\n font-style: italic;\r\n font-weight: 400;\r\n color: #f5c842;\r\n}\r\n\r\n\/* Wave \u2014 now inside header, marking end of title *\/\r\n.mwr-opp-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 0;\r\n color: #f5c842;\r\n}\r\n\r\n\/* ---------- Body content ---------- *\/\r\n.mwr-opp-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.78);\r\n margin: 0 0 2rem;\r\n max-width: 50ch;\r\n}\r\n\r\n.mwr-opp-features {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 2.4rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 1.1rem;\r\n}\r\n.mwr-opp-features li {\r\n position: relative;\r\n padding-left: 2.2rem;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 1rem;\r\n line-height: 1.6;\r\n color: rgba(250, 246, 238, 0.88);\r\n}\r\n.mwr-opp-features li::before {\r\n content: \"\";\r\n position: absolute;\r\n left: 0;\r\n top: 0.7em;\r\n width: 18px;\r\n height: 2px;\r\n background: #f5c842;\r\n border-radius: 2px;\r\n}\r\n.mwr-opp-features li strong {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-weight: 500;\r\n font-style: italic;\r\n color: #f5c842;\r\n font-size: 1.05em;\r\n letter-spacing: -0.005em;\r\n}\r\n\r\n\/* CTA *\/\r\n.mwr-opp-cta-row {\r\n display: flex;\r\n flex-wrap: wrap;\r\n align-items: center;\r\n gap: 1.5rem;\r\n}\r\n.mwr-opp-btn {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n padding: 1.05rem 1.9rem;\r\n border-radius: 999px;\r\n background: #2d8e9a;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 600;\r\n font-size: 0.95rem;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow: 0 14px 32px -10px rgba(45, 142, 154, 0.6);\r\n}\r\n.mwr-opp-btn::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-opp-btn:hover {\r\n background: #46a8b3;\r\n transform: translateY(-2px);\r\n box-shadow: 0 20px 44px -10px rgba(45, 142, 154, 0.8);\r\n color: #ffffff;\r\n}\r\n.mwr-opp-btn:hover::after { transform: translateX(4px); }\r\n\r\n\/* ---------- Mobile: single column, reordered (header \u2192 video \u2192 body) ---------- *\/\r\n@media (max-width: 900px) {\r\n .mwr-opp-grid {\r\n grid-template-columns: 1fr;\r\n grid-template-rows: auto auto auto;\r\n row-gap: 2rem;\r\n }\r\n .mwr-opp-header {\r\n grid-column: 1;\r\n grid-row: 1;\r\n align-self: start;\r\n text-align: center;\r\n }\r\n .mwr-opp-header .mwr-opp-wave {\r\n margin: 0 auto;\r\n }\r\n .mwr-opp-visual {\r\n grid-column: 1;\r\n grid-row: 2;\r\n }\r\n .mwr-opp-body {\r\n grid-column: 1;\r\n grid-row: 3;\r\n align-self: start;\r\n }\r\n .mwr-opp-intro {\r\n text-align: center;\r\n margin-left: auto;\r\n margin-right: auto;\r\n }\r\n .mwr-opp-img { max-width: 300px; }\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-opp-btn { width: 100%; justify-content: center; }\r\n .mwr-opp-img { max-width: 280px; border-radius: 28px; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-opp\" aria-label=\"Opportunit\u00e9 d'ambassadeur du style de vie MWR Life\">\r\n <div class=\"mwr-opp-inner\">\r\n <div class=\"mwr-opp-grid\">\r\n\r\n <!-- HEADER: kicker + title + wave (marks end of title) -->\r\n <div class=\"mwr-opp-header\">\r\n <span class=\"mwr-opp-kicker\">Au-del\u00e0 d'une adh\u00e9sion<\/span>\r\n <h2 class=\"mwr-opp-title\">\r\n Transformez votre passion du voyage en une <em>v\u00e9ritable activit\u00e9 avec MWR Life<\/em>\r\n <\/h2>\r\n <svg class=\"mwr-opp-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <\/div>\r\n\r\n <!-- VISUAL: reels-style Vimeo (appears after wave on mobile) -->\r\n <div class=\"mwr-opp-visual\">\r\n <div class=\"mwr-opp-img\">\r\n <span class=\"mwr-opp-img-badge\">Pour les ambassadeurs<\/span>\r\n <iframe\r\n id=\"mwr-opp-vid\"\r\n src=\"https:\/\/player.vimeo.com\/video\/1193267094?h=d8ca3d307a&autoplay=1&muted=1&loop=1&controls=0&byline=0&portrait=0&title=0&dnt=1\"\r\n allow=\"autoplay; fullscreen; picture-in-picture\"\r\n allowfullscreen\r\n title=\"Opportunit\u00e9 d'ambassadeur MWR Life\"\r\n ><\/iframe>\r\n <button\r\n class=\"mwr-opp-sound\"\r\n id=\"mwr-opp-sound\"\r\n type=\"button\"\r\n aria-label=\"Activer le son\"\r\n data-muted=\"true\">\r\n <!-- Muted icon (speaker with X) -->\r\n <svg class=\"mwr-opp-sound-off\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M16.5 12c0-1.77-1.02-3.29-2.5-4.03v2.21l2.45 2.45c.03-.2.05-.41.05-.63zm2.5 0c0 .94-.2 1.82-.54 2.64l1.51 1.51A8.796 8.796 0 0 0 21 12c0-4.28-2.99-7.86-7-8.77v2.06c2.89.86 5 3.54 5 6.71zM4.27 3L3 4.27 7.73 9H3v6h4l5 5v-6.73l4.25 4.25c-.67.52-1.42.93-2.25 1.18v2.06a8.99 8.99 0 0 0 3.69-1.81L19.73 21 21 19.73l-9-9L4.27 3zM12 4L9.91 6.09 12 8.18V4z\"\/>\r\n <\/svg>\r\n <!-- Unmuted icon (speaker with waves) -->\r\n <svg class=\"mwr-opp-sound-on\" viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M3 9v6h4l5 5V4L7 9H3zm13.5 3c0-1.77-1.02-3.29-2.5-4.03v8.05c1.48-.73 2.5-2.25 2.5-4.02zM14 3.23v2.06c2.89.86 5 3.54 5 6.71s-2.11 5.85-5 6.71v2.06c4.01-.91 7-4.49 7-8.77s-2.99-7.86-7-8.77z\"\/>\r\n <\/svg>\r\n <\/button>\r\n <\/div>\r\n <\/div>\r\n\r\n <!-- BODY: intro + features + CTA -->\r\n <div class=\"mwr-opp-body\">\r\n <p class=\"mwr-opp-intro\">\r\n En tant qu\u2019Ambassadeur Lifestyle, vous ne faites pas qu\u2019\u00e9conomiser sur les voyages \u2014 vous construisez votre propre place dans l\u2019une des plus grandes industries au monde, avec une plateforme \u00e9prouv\u00e9e, des outils pr\u00eats \u00e0 l\u2019emploi et une communaut\u00e9 mondiale derri\u00e8re vous.\r\n <\/p>\r\n\r\n <ul class=\"mwr-opp-features\">\r\n <li>L\u2019industrie mondiale du voyage g\u00e9n\u00e8re <strong>9 billions de dollars<\/strong> de revenus chaque ann\u00e9e \u2014 et maintenant, vous pouvez en poss\u00e9der une part.<\/li>\r\n <li>Gagnez gr\u00e2ce \u00e0 <strong>trois diff\u00e9rentes sources de revenus<\/strong>: des bonus d\u2019acquisition clients, des commissions r\u00e9siduelles mensuelles et des bonus quotidiens de d\u00e9veloppement d\u2019\u00e9quipe.<\/li>\r\n <li>Commencez pour seulement <strong>99 $ par an<\/strong> \u2014 votre centre d\u2019affaires MWR Life complet, sites marketing, formations et application mobile, tout est inclus.<\/li>\r\n <\/ul>\r\n\r\n <div class=\"mwr-opp-cta-row\">\r\n <a href=\"https:\/\/travel-adv.com\/fr\/opportunite\/\" class=\"mwr-opp-btn\">\r\n D\u00e9couvrez l'opportunit\u00e9\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n <\/div>\r\n<\/section>\r\n\r\n<!-- Vimeo Player API + sound toggle handler -->\r\n<script src=\"https:\/\/player.vimeo.com\/api\/player.js\"><\/script>\r\n<script>\r\n(function() {\r\n function initOppSound() {\r\n var iframe = document.getElementById('mwr-opp-vid');\r\n var btn = document.getElementById('mwr-opp-sound');\r\n if (!iframe || !btn || typeof Vimeo === 'undefined') return;\r\n\r\n var player = new Vimeo.Player(iframe);\r\n var muted = true;\r\n\r\n btn.addEventListener('click', function() {\r\n muted = !muted;\r\n player.setMuted(muted).then(function() {\r\n if (!muted) { player.setVolume(1); }\r\n }).catch(function() {});\r\n btn.setAttribute('data-muted', muted ? 'true' : 'false');\r\n btn.setAttribute('aria-label', muted ? 'Enable sound' : 'Mute sound');\r\n });\r\n }\r\n\r\n if (document.readyState === 'loading') {\r\n document.addEventListener('DOMContentLoaded', initOppSound);\r\n } else {\r\n initOppSound();\r\n }\r\n})();\r\n<\/script>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1a6d200 elementor-widget elementor-widget-html\" data-id=\"1a6d200\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Vie MWR \u2014 FAQ<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FREQUENTLY ASKED QUESTIONS\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n Native HTML accordion (no JavaScript required).\r\n Each <details> is one question. To add: copy a <details> block.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-faq, .mwr-faq *, .mwr-faq *::before, .mwr-faq *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-faq {\r\n position: relative;\r\n background: #ffffff;\r\n color: #1a1f2b;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n padding: clamp(4.5rem, 9vw, 8rem) 0;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-faq-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 880px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n}\r\n\r\n\/* ---------- Section header ---------- *\/\r\n.mwr-faq-head {\r\n text-align: center;\r\n margin: 0 auto 3.5rem;\r\n}\r\n\r\n.mwr-faq-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #2d8e9a;\r\n letter-spacing: 0.01em;\r\n margin-bottom: 1.1rem;\r\n}\r\n\r\n.mwr-faq-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2rem, 4.2vw, 3rem);\r\n font-weight: 500;\r\n line-height: 1.18;\r\n letter-spacing: -0.02em;\r\n color: #1a3a64;\r\n margin: 0 0 1.2rem;\r\n}\r\n.mwr-faq-title em { font-style: italic; font-weight: 400; }\r\n\r\n.mwr-faq-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 1.2rem auto 1.8rem;\r\n color: #f5c842;\r\n}\r\n\r\n.mwr-faq-intro {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(0.98rem, 1.2vw, 1.08rem);\r\n font-weight: 400;\r\n line-height: 1.65;\r\n color: #6b7280;\r\n max-width: 58ch;\r\n margin: 0 auto;\r\n}\r\n\r\n\/* ---------- Accordion ---------- *\/\r\n.mwr-faq-list {\r\n display: flex;\r\n flex-direction: column;\r\n border-top: 1px solid rgba(26, 58, 100, 0.1);\r\n}\r\n\r\n.mwr-faq-item {\r\n border-bottom: 1px solid rgba(26, 58, 100, 0.1);\r\n transition: background 0.3s ease;\r\n}\r\n.mwr-faq-item[open] {\r\n background: rgba(45, 142, 154, 0.025);\r\n}\r\n\r\n\/* Question (summary) *\/\r\n.mwr-faq-item summary {\r\n list-style: none;\r\n cursor: pointer;\r\n padding: 1.5rem 0.4rem 1.5rem 0;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(1.05rem, 1.5vw, 1.25rem);\r\n font-weight: 500;\r\n letter-spacing: -0.01em;\r\n line-height: 1.35;\r\n color: #1a3a64;\r\n transition: color 0.25s ease;\r\n user-select: none;\r\n}\r\n.mwr-faq-item summary::-webkit-details-marker { display: none; }\r\n.mwr-faq-item summary::marker { display: none; }\r\n.mwr-faq-item summary:hover { color: #2d8e9a; }\r\n\r\n\/* Plus icon *\/\r\n.mwr-faq-icon {\r\n flex-shrink: 0;\r\n width: 32px;\r\n height: 32px;\r\n border-radius: 50%;\r\n background: rgba(245, 200, 66, 0.15);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n position: relative;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-faq-icon::before,\r\n.mwr-faq-icon::after {\r\n content: \"\";\r\n position: absolute;\r\n background: #2d8e9a;\r\n border-radius: 1px;\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-faq-icon::before {\r\n width: 12px;\r\n height: 2px;\r\n}\r\n.mwr-faq-icon::after {\r\n width: 2px;\r\n height: 12px;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon {\r\n background: #f5c842;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon::before {\r\n background: #1a3a64;\r\n}\r\n.mwr-faq-item[open] .mwr-faq-icon::after {\r\n transform: rotate(90deg);\r\n background: #1a3a64;\r\n}\r\n\r\n\/* Answer *\/\r\n.mwr-faq-answer {\r\n padding: 0 3rem 1.8rem 0;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 1rem;\r\n line-height: 1.7;\r\n color: #4b5563;\r\n max-width: 68ch;\r\n animation: mwrFaqIn 0.4s ease-out;\r\n}\r\n.mwr-faq-answer p { margin: 0 0 0.8rem; }\r\n.mwr-faq-answer p:last-child { margin-bottom: 0; }\r\n.mwr-faq-answer strong {\r\n color: #1a3a64;\r\n font-weight: 600;\r\n}\r\n.mwr-faq-answer a {\r\n color: #2d8e9a;\r\n text-decoration: underline;\r\n text-decoration-thickness: 1px;\r\n text-underline-offset: 3px;\r\n}\r\n.mwr-faq-answer a:hover { color: #1f7a85; }\r\n\r\n@keyframes mwrFaqIn {\r\n from { opacity: 0; transform: translateY(-4px); }\r\n to { opacity: 1; transform: translateY(0); }\r\n}\r\n\r\n\/* ---------- Help footer ---------- *\/\r\n.mwr-faq-help {\r\n margin-top: 3rem;\r\n text-align: center;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1rem, 1.4vw, 1.2rem);\r\n color: #6b7280;\r\n line-height: 1.5;\r\n}\r\n.mwr-faq-help a {\r\n color: #2d8e9a;\r\n text-decoration: none;\r\n border-bottom: 1.5px solid #2d8e9a;\r\n font-weight: 600;\r\n font-style: normal;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.95rem;\r\n letter-spacing: 0.01em;\r\n margin-left: 0.4rem;\r\n transition: all 0.3s ease;\r\n}\r\n.mwr-faq-help a:hover {\r\n color: #f5c842;\r\n border-bottom-color: #f5c842;\r\n}\r\n\r\n@media (max-width: 640px) {\r\n .mwr-faq-head { margin-bottom: 2.5rem; }\r\n .mwr-faq-item summary { padding: 1.2rem 0.2rem 1.2rem 0; }\r\n .mwr-faq-answer { padding: 0 2rem 1.4rem 0; }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-faq\" aria-label=\"Questions fr\u00e9quentes sur MWR Life\">\r\n <div class=\"mwr-faq-inner\">\r\n\r\n <header class=\"mwr-faq-head\">\r\n <span class=\"mwr-faq-kicker\">Tout ce que vous pourriez vous demander<\/span>\r\n <h2 class=\"mwr-faq-title\">\r\n Questions fr\u00e9quentes sur MWR Life\r\n <\/h2>\r\n <svg class=\"mwr-faq-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n <p class=\"mwr-faq-intro\">\r\n Des r\u00e9ponses rapides aux questions que les gens posent le plus avant de rejoindre MWR Life \u2014 de la rapidit\u00e9 avec laquelle vous pouvez commencer \u00e0 \u00e9conomiser \u00e0 la mani\u00e8re dont fonctionnent r\u00e9ellement les points de fid\u00e9lit\u00e9.\r\n <\/p>\r\n <\/header>\r\n\r\n <div class=\"mwr-faq-list\">\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n \u00c0 quelle vitesse puis-je commencer \u00e0 \u00e9pargner apr\u00e8s mon inscription\u00a0?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n D\u00e8s l'activation de votre abonnement (g\u00e9n\u00e9ralement en quelques minutes), connectez-vous \u00e0 la plateforme MWR Life Travel Advantage\u2122 sur le web ou votre mobile pour acc\u00e9der imm\u00e9diatement aux tarifs exclusifs r\u00e9serv\u00e9s aux membres sur les h\u00f4tels, les vols, les s\u00e9jours et les activit\u00e9s.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Puis-je r\u00e9silier mon adh\u00e9sion \u00e0 vie \u00e0 MWR \u00e0 tout moment\u00a0?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Oui. Il y en a <strong>pas de contrats ni d'engagements \u00e0 long terme<\/strong>Vous pouvez annuler votre abonnement \u00e0 tout moment depuis votre compte.\r\n <\/p>\r\n <p>\r\n Si vous annulez dans les <strong>14 jours<\/strong> Si vous activez un abonnement payant, vous avez droit \u00e0 un remboursement int\u00e9gral. L'annulation prendra ensuite effet \u00e0 la fin de votre cycle de facturation en cours.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Dois-je devenir Ambassadeur de style de vie pour \u00eatre membre ?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Pas du tout. <strong>L\u2019adh\u00e9sion et le programme Ambassadeur sont deux choses totalement distinctes.<\/strong> Vous pouvez \u00eatre membre Invit\u00e9, VIP ou Elite uniquement pour b\u00e9n\u00e9ficier de r\u00e9ductions sur les voyages, sans jamais opter pour le programme Ambassadeur.\r\n <\/p>\r\n <p>\r\n Le programme Ambassadeur est une voie distincte pour les personnes qui souhaitent \u00e9galement d\u00e9velopper une activit\u00e9 autour de MWR Life, mais il n'est jamais n\u00e9cessaire d'y adh\u00e9rer pour b\u00e9n\u00e9ficier des avantages r\u00e9serv\u00e9s aux membres.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Quelle est la diff\u00e9rence entre VIP et Elite ?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n <strong>VIP<\/strong> D\u00e9bloque l'int\u00e9gralit\u00e9 de la plateforme Travel Advantage\u2122 avec des r\u00e9ductions importantes sur les h\u00f4tels, les vols, les locations de voitures, les transferts et les activit\u00e9s.\r\n <\/p>\r\n <p>\r\n <strong>\u00c9lite<\/strong> L'abonnement Elite inclut des exp\u00e9riences de vie, l'acc\u00e8s au Lifestyle Mall, des croisi\u00e8res, des s\u00e9jours en auberge et des billets pour des \u00e9v\u00e9nements, ainsi que quatre emplacements suppl\u00e9mentaires pour voyageurs et 120 points de fid\u00e9lit\u00e9 mensuels d'une valeur de $1 USD chacun. Seul le niveau Elite est \u00e9ligible \u00e0 la mise \u00e0 niveau optionnelle Turbo Access.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n Comment fonctionnent les points de fid\u00e9lit\u00e9 ?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n Les points de fid\u00e9lit\u00e9 sont cr\u00e9dit\u00e9s mensuellement aux membres Elite (et doubl\u00e9s pour les d\u00e9tenteurs de Turbo Access). <strong>Chaque point \u00e9quivaut \u00e0 $1 USD<\/strong> et peut \u00eatre utilis\u00e9e pour r\u00e9duire \u2014 ou dans certains cas couvrir int\u00e9gralement \u2014 le co\u00fbt des r\u00e9servations futures.\r\n <\/p>\r\n <p>\r\n Vos points restent cr\u00e9dit\u00e9s sur votre compte tant que votre abonnement est actif. Si vous passez \u00e0 un abonnement sup\u00e9rieur ult\u00e9rieurement, vous conservez tous vos points accumul\u00e9s.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <details class=\"mwr-faq-item\">\r\n <summary>\r\n O\u00f9 puis-je utiliser mon adh\u00e9sion \u00e0 vie au MWR\u00a0?\r\n <span class=\"mwr-faq-icon\" aria-hidden=\"true\"><\/span>\r\n <\/summary>\r\n <div class=\"mwr-faq-answer\">\r\n <p>\r\n MWR Life op\u00e8re dans <strong>plus de 130 pays<\/strong> avec une assistance multilingue. Des tarifs pr\u00e9f\u00e9rentiels sont disponibles pour les membres dans le monde entier sur les h\u00f4tels, les vols, les croisi\u00e8res et les activit\u00e9s.\r\n <\/p>\r\n <p>\r\n Vous pouvez tout g\u00e9rer depuis la plateforme de bureau ou l'application mobile, disponible sur iOS et Android.\r\n <\/p>\r\n <\/div>\r\n <\/details>\r\n\r\n <\/div>\r\n\r\n <p class=\"mwr-faq-help\">\r\n Vous n'avez pas trouv\u00e9 votre r\u00e9ponse ?\r\n <a href=\"#contact\">Entrer en contact<\/a>\r\n <\/p>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be768f8 elementor-widget elementor-widget-html\" data-id=\"be768f8\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>Vie MWR \u2014 \u00c0 vous de jouer<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FINAL CTA (Closer)\r\n Paste from <style> down to <\/section> into Elementor HTML widget.\r\n\r\n BACKGROUND IMAGE \u2014 recommended 1920 \u00d7 1080px, full-bleed.\r\n Ideal scene: aspirational travel moment at golden hour \u2014 a\r\n silhouette overlooking a horizon, sunset over the ocean,\r\n traveler's perspective. Avoid busy compositions; text needs\r\n visual room to breathe.\r\n\r\n To replace, change the second linear-gradient in .mwr-final-bg\r\n to url('YOUR-IMAGE-URL') and remove the placeholder note span.\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-final, .mwr-final *, .mwr-final *::before, .mwr-final *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-final {\r\n position: relative;\r\n min-height: 80vh;\r\n display: flex;\r\n align-items: center;\r\n color: #ffffff;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n overflow: hidden;\r\n padding: clamp(5rem, 10vw, 8rem) 0;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n\/* Background image \u2014 REPLACE second linear-gradient with url('your-image.jpg') *\/\r\n.mwr-final-bg {\r\n position: absolute;\r\n inset: 0;\r\n z-index: 0;\r\n background-image:\r\n linear-gradient(180deg, rgba(10, 31, 61, 0.55) 0%, rgba(10, 31, 61, 0.85) 100%),\r\n linear-gradient(135deg, #0a1f3d 0%, #1a3a64 40%, #c8553d 100%);\r\n background-size: cover;\r\n background-position: center;\r\n}\r\n\r\n.mwr-final-bg::after {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 20% 80%, rgba(232, 220, 196, 0.1) 0, transparent 50%),\r\n radial-gradient(circle at 80% 20%, rgba(245, 200, 66, 0.15) 0, transparent 50%);\r\n}\r\n\r\n.mwr-final-bg-note {\r\n position: absolute;\r\n top: 1rem;\r\n right: 1rem;\r\n font-family: monospace;\r\n font-size: 0.7rem;\r\n color: rgba(255, 255, 255, 0.5);\r\n letter-spacing: 0.1em;\r\n text-transform: uppercase;\r\n padding: 0.4rem 0.8rem;\r\n border: 1px dashed rgba(255, 255, 255, 0.3);\r\n border-radius: 4px;\r\n z-index: 1;\r\n pointer-events: none;\r\n}\r\n\r\n\/* Decorative grid texture *\/\r\n.mwr-final::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n linear-gradient(rgba(255, 255, 255, 0.03) 1px, transparent 1px),\r\n linear-gradient(90deg, rgba(255, 255, 255, 0.03) 1px, transparent 1px);\r\n background-size: 100px 100px;\r\n pointer-events: none;\r\n z-index: 1;\r\n mask-image: radial-gradient(circle at center, black 25%, transparent 70%);\r\n -webkit-mask-image: radial-gradient(circle at center, black 25%, transparent 70%);\r\n}\r\n\r\n.mwr-final-inner {\r\n position: relative;\r\n z-index: 2;\r\n width: 100%;\r\n max-width: 1100px;\r\n margin: 0 auto;\r\n padding: 0 clamp(1.25rem, 4vw, 2.5rem);\r\n text-align: center;\r\n}\r\n\r\n\/* Kicker *\/\r\n.mwr-final-kicker {\r\n display: inline-block;\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: clamp(1.1rem, 1.6vw, 1.35rem);\r\n color: #f5c842;\r\n letter-spacing: 0.02em;\r\n margin-bottom: 1.5rem;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.1s ease-out forwards;\r\n}\r\n\r\n\/* Headline \u2014 the biggest type on the entire page *\/\r\n.mwr-final-title {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: clamp(2.6rem, 6.5vw, 5.4rem);\r\n font-weight: 400;\r\n line-height: 1.02;\r\n letter-spacing: -0.03em;\r\n color: #ffffff;\r\n margin: 0 0 1.8rem;\r\n max-width: 16ch;\r\n margin-left: auto;\r\n margin-right: auto;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.25s ease-out forwards;\r\n}\r\n.mwr-final-title em {\r\n font-style: italic;\r\n font-weight: 300;\r\n color: #f5c842;\r\n}\r\n\r\n\/* Yellow wave (signature) *\/\r\n.mwr-final-wave {\r\n display: block;\r\n width: 80px;\r\n height: 10px;\r\n margin: 0 auto 2rem;\r\n color: #f5c842;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.4s ease-out forwards;\r\n}\r\n\r\n.mwr-final-sub {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: clamp(1rem, 1.3vw, 1.2rem);\r\n line-height: 1.6;\r\n font-weight: 300;\r\n color: rgba(255, 255, 255, 0.88);\r\n max-width: 52ch;\r\n margin: 0 auto 3rem;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.55s ease-out forwards;\r\n}\r\n\r\n\/* CTA button \u2014 the big closer *\/\r\n.mwr-final-cta {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.7rem;\r\n padding: 1.3rem 2.4rem;\r\n border-radius: 999px;\r\n background: #f5c842;\r\n color: #0a1f3d;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-weight: 700;\r\n font-size: clamp(1rem, 1.2vw, 1.1rem);\r\n letter-spacing: 0.01em;\r\n text-decoration: none;\r\n white-space: nowrap;\r\n transition: all 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n box-shadow:\r\n 0 18px 40px -12px rgba(245, 200, 66, 0.55),\r\n 0 0 0 4px rgba(245, 200, 66, 0.08);\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.7s ease-out forwards;\r\n}\r\n.mwr-final-cta::after {\r\n content: \"\u2192\";\r\n transition: transform 0.3s cubic-bezier(0.22, 1, 0.36, 1);\r\n}\r\n.mwr-final-cta:hover {\r\n background: #fbd76a;\r\n color: #0a1f3d;\r\n transform: translateY(-3px);\r\n box-shadow:\r\n 0 28px 55px -12px rgba(245, 200, 66, 0.75),\r\n 0 0 0 6px rgba(245, 200, 66, 0.12);\r\n}\r\n.mwr-final-cta:hover::after { transform: translateX(5px); }\r\n\r\n\/* Reassurance microcopy below the button *\/\r\n.mwr-final-micro {\r\n display: block;\r\n margin-top: 1.8rem;\r\n font-size: 0.85rem;\r\n color: rgba(255, 255, 255, 0.6);\r\n font-style: italic;\r\n font-family: 'Fraunces', Georgia, serif;\r\n opacity: 1;\r\n animation: mwrFinalIn 0.9s 0.85s ease-out forwards;\r\n}\r\n\r\n@keyframes mwrFinalIn {\r\n from { transform: translateY(24px); }\r\n to { transform: translateY(0); }\r\n}\r\n\r\n\/* Responsive *\/\r\n@media (max-width: 768px) {\r\n .mwr-final { min-height: 70vh; }\r\n .mwr-final-cta {\r\n padding: 1.1rem 2rem;\r\n width: 100%;\r\n max-width: 360px;\r\n justify-content: center;\r\n }\r\n}\r\n<\/style>\r\n\r\n<section class=\"mwr-final\" aria-label=\"Rejoignez MWR Life d\u00e8s aujourd'hui\">\r\n <div class=\"mwr-final-bg\" role=\"img\" aria-label=\"Sc\u00e8ne de voyage inspirante \u00e0 l'heure dor\u00e9e\">\r\n \r\n <\/div>\r\n\r\n <div class=\"mwr-final-inner\">\r\n\r\n <span class=\"mwr-final-kicker\">\u00c0 votre tour<\/span>\r\n\r\n <h2 class=\"mwr-final-title\">\r\n Vous avez vu d'autres personnes vivre ce r\u00eave.\r\n <em>\u00c0 votre tour maintenant.<\/em>\r\n <\/h2>\r\n\r\n <svg class=\"mwr-final-wave\" viewbox=\"0 0 80 10\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" aria-hidden=\"true\">\r\n <path d=\"M0 5 Q 10 0, 20 5 T 40 5 T 60 5 T 80 5\"\r\n stroke=\"currentColor\" stroke-width=\"2.5\" fill=\"none\" stroke-linecap=\"round\"\/>\r\n <\/svg>\r\n\r\n <p class=\"mwr-final-sub\">\r\n Activez votre adh\u00e9sion MWR Life en quelques minutes et commencez \u00e0 d\u00e9bloquer des tarifs exclusifs sur les h\u00f4tels, vols, resorts et exp\u00e9riences dans plus de 130 pays.\r\n <\/p>\r\n\r\n <a href=\"https:\/\/www.mwrlife.com\/registerglobal\/join\" target=\"_blank\" rel=\"noopener noreferrer\" class=\"mwr-final-cta\">\r\n Devenir Membre\r\n <\/a>\r\n\r\n <span class=\"mwr-final-micro\">\r\n Sans engagement \u00b7 Annulation possible \u00e0 tout moment \u00b7 Garantie de remboursement de 14 jours\r\n <\/span>\r\n\r\n <\/div>\r\n<\/section>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-4876d85 elementor-widget elementor-widget-html\" data-id=\"4876d85\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!DOCTYPE html>\r\n<html lang=\"en\">\r\n<head>\r\n<meta charset=\"UTF-8\">\r\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\r\n<title>MWR Life \u2014 Pied de page<\/title>\r\n<style>\r\n body { margin: 0; background: #ffffff; }\r\n<\/style>\r\n<\/head>\r\n<body>\r\n\r\n<!-- ============================================================\r\n MWR LIFE \u2014 FOOTER\r\n Paste from <style> down to <\/footer> into Elementor HTML widget.\r\n\r\n CUSTOMIZE BEFORE PUBLISHING:\r\n 1) Replace [YOUR NAME] in 2 places (brand block + bottom bar)\r\n 2) Update contact details (email, WhatsApp number)\r\n 3) Fill in social media URLs (4 platforms \u2014 empty href=\"\" by default)\r\n 4) Update copyright year if needed\r\n 5) Link Privacy \/ Terms \/ Disclaimer URLs to your real pages\r\n\r\n SECTION ANCHOR LINKS:\r\n The quick-links use anchors like #pricing, #how-it-works, etc.\r\n Make sure each section in your Elementor page has matching IDs\r\n (Section settings \u2192 Advanced \u2192 CSS ID).\r\n ============================================================ -->\r\n\r\n<style>\r\n@import url('https:\/\/fonts.googleapis.com\/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=Manrope:wght@300;400;500;600;700&display=swap');\r\n\r\n.mwr-foot, .mwr-foot *, .mwr-foot *::before, .mwr-foot *::after {\r\n box-sizing: border-box;\r\n}\r\n\r\n.mwr-foot {\r\n position: relative;\r\n background: #0a1f3d;\r\n color: rgba(250, 246, 238, 0.78);\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.92rem;\r\n line-height: 1.6;\r\n overflow: hidden;\r\n width: 100vw;\r\n max-width: 100vw;\r\n margin-left: calc(50% - 50vw);\r\n margin-right: calc(50% - 50vw);\r\n}\r\n\r\n.mwr-foot::before {\r\n content: \"\";\r\n position: absolute;\r\n inset: 0;\r\n background-image:\r\n radial-gradient(circle at 90% 10%, rgba(45, 142, 154, 0.15) 0, transparent 45%),\r\n radial-gradient(circle at 10% 90%, rgba(245, 200, 66, 0.08) 0, transparent 50%);\r\n pointer-events: none;\r\n}\r\n\r\n\/* ---------- Yellow accent line at top ---------- *\/\r\n.mwr-foot::after {\r\n content: \"\";\r\n position: absolute;\r\n top: 0; left: 0; right: 0;\r\n height: 3px;\r\n background: linear-gradient(90deg, transparent 0%, #f5c842 50%, transparent 100%);\r\n}\r\n\r\n.mwr-foot-inner {\r\n position: relative;\r\n z-index: 1;\r\n max-width: 1240px;\r\n margin: 0 auto;\r\n padding: clamp(3.5rem, 7vw, 5.5rem) clamp(1.25rem, 4vw, 2.5rem) 0;\r\n}\r\n\r\n\/* ---------- Main grid ---------- *\/\r\n.mwr-foot-main {\r\n display: grid;\r\n grid-template-columns: 1.6fr 1fr 1fr 1.2fr;\r\n gap: clamp(2rem, 4vw, 3.5rem);\r\n padding-bottom: 3.5rem;\r\n}\r\n\r\n\/* ---------- Brand column ---------- *\/\r\n.mwr-foot-brand-logo {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.7rem;\r\n font-weight: 500;\r\n letter-spacing: -0.02em;\r\n color: #faf6ee;\r\n margin: 0 0 0.6rem;\r\n display: flex;\r\n align-items: baseline;\r\n gap: 0.2rem;\r\n}\r\n.mwr-foot-brand-logo em {\r\n font-style: italic;\r\n color: #f5c842;\r\n font-weight: 400;\r\n}\r\n\r\n.mwr-foot-brand-tag {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-style: italic;\r\n font-weight: 400;\r\n font-size: 1rem;\r\n color: rgba(250, 246, 238, 0.7);\r\n margin: 0 0 1.6rem;\r\n max-width: 32ch;\r\n line-height: 1.5;\r\n}\r\n\r\n.mwr-foot-brand-ambassador {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.5rem;\r\n padding: 0.45rem 0.85rem;\r\n background: rgba(245, 200, 66, 0.1);\r\n border: 1px solid rgba(245, 200, 66, 0.25);\r\n border-radius: 999px;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.18em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin-bottom: 1.2rem;\r\n}\r\n.mwr-foot-brand-ambassador::before {\r\n content: \"\";\r\n width: 6px;\r\n height: 6px;\r\n border-radius: 50%;\r\n background: #f5c842;\r\n}\r\n\r\n.mwr-foot-brand-name {\r\n font-family: 'Fraunces', Georgia, serif;\r\n font-size: 1.05rem;\r\n font-weight: 500;\r\n color: #faf6ee;\r\n margin: 0;\r\n font-style: italic;\r\n}\r\n\r\n\/* ---------- Link columns ---------- *\/\r\n.mwr-foot-col-title {\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.25em;\r\n text-transform: uppercase;\r\n color: #f5c842;\r\n margin: 0 0 1.4rem;\r\n}\r\n\r\n.mwr-foot-links {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.8rem;\r\n}\r\n.mwr-foot-links a {\r\n color: rgba(250, 246, 238, 0.78);\r\n text-decoration: none;\r\n font-family: 'Manrope', system-ui, sans-serif;\r\n font-size: 0.93rem;\r\n transition: color 0.25s ease;\r\n display: inline-block;\r\n}\r\n.mwr-foot-links a:hover {\r\n color: #46a8b3;\r\n}\r\n\r\n\/* ---------- Contact \/ Social ---------- *\/\r\n.mwr-foot-contact {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0 0 1.6rem;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 0.7rem;\r\n}\r\n.mwr-foot-contact a {\r\n display: inline-flex;\r\n align-items: center;\r\n gap: 0.6rem;\r\n color: rgba(250, 246, 238, 0.78);\r\n text-decoration: none;\r\n font-size: 0.92rem;\r\n transition: color 0.25s ease;\r\n}\r\n.mwr-foot-contact a:hover { color: #46a8b3; }\r\n.mwr-foot-contact-icon {\r\n flex-shrink: 0;\r\n width: 16px;\r\n height: 16px;\r\n opacity: 0.85;\r\n}\r\n\r\n.mwr-foot-social-label {\r\n font-size: 0.72rem;\r\n font-weight: 700;\r\n letter-spacing: 0.2em;\r\n text-transform: uppercase;\r\n color: rgba(250, 246, 238, 0.5);\r\n margin-bottom: 0.8rem;\r\n}\r\n\r\n.mwr-foot-social {\r\n display: flex;\r\n gap: 0.6rem;\r\n}\r\n.mwr-foot-social a {\r\n width: 38px;\r\n height: 38px;\r\n border-radius: 50%;\r\n background: rgba(255, 255, 255, 0.06);\r\n border: 1px solid rgba(255, 255, 255, 0.1);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n color: rgba(250, 246, 238, 0.7);\r\n transition: all 0.25s ease;\r\n text-decoration: none;\r\n}\r\n.mwr-foot-social a:hover {\r\n background: #f5c842;\r\n border-color: #f5c842;\r\n color: #0a1f3d;\r\n transform: translateY(-2px);\r\n}\r\n.mwr-foot-social svg {\r\n width: 16px;\r\n height: 16px;\r\n fill: currentColor;\r\n}\r\n\r\n\/* ---------- Disclaimer block ---------- *\/\r\n.mwr-foot-disclaimer {\r\n padding: 2rem 0;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n font-size: 0.78rem;\r\n line-height: 1.65;\r\n color: rgba(250, 246, 238, 0.55);\r\n font-style: italic;\r\n}\r\n.mwr-foot-disclaimer strong {\r\n color: rgba(250, 246, 238, 0.85);\r\n font-weight: 600;\r\n font-style: normal;\r\n}\r\n.mwr-foot-disclaimer + .mwr-foot-disclaimer {\r\n border-top: none;\r\n padding-top: 0;\r\n}\r\n\r\n\/* ---------- Bottom bar ---------- *\/\r\n.mwr-foot-bottom {\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n gap: 1.5rem;\r\n padding: 1.6rem 0;\r\n border-top: 1px solid rgba(250, 246, 238, 0.1);\r\n flex-wrap: wrap;\r\n}\r\n.mwr-foot-copy {\r\n font-size: 0.82rem;\r\n color: rgba(250, 246, 238, 0.55);\r\n}\r\n.mwr-foot-copy strong {\r\n color: rgba(250, 246, 238, 0.8);\r\n font-weight: 600;\r\n}\r\n\r\n.mwr-foot-legal {\r\n list-style: none;\r\n padding: 0;\r\n margin: 0;\r\n display: flex;\r\n gap: 1.4rem;\r\n flex-wrap: wrap;\r\n}\r\n.mwr-foot-legal a {\r\n color: rgba(250, 246, 238, 0.55);\r\n text-decoration: none;\r\n font-size: 0.82rem;\r\n transition: color 0.25s ease;\r\n}\r\n.mwr-foot-legal a:hover { color: #46a8b3; }\r\n\r\n\/* ---------- Responsive ---------- *\/\r\n@media (max-width: 960px) {\r\n .mwr-foot-main {\r\n grid-template-columns: 1fr 1fr;\r\n gap: 2.5rem;\r\n }\r\n}\r\n@media (max-width: 600px) {\r\n .mwr-foot-main {\r\n grid-template-columns: 1fr;\r\n gap: 2.2rem;\r\n padding-bottom: 2.5rem;\r\n }\r\n .mwr-foot-bottom { flex-direction: column; align-items: flex-start; gap: 1rem; padding: 1.4rem 0; }\r\n .mwr-foot-legal { gap: 1rem; }\r\n}\r\n<\/style>\r\n\r\n<footer class=\"mwr-foot\" aria-label=\"Pied de page du site MWR Life\">\r\n\r\n <div class=\"mwr-foot-inner\">\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Main 4-column grid \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-main\">\r\n\r\n <!-- Brand column -->\r\n <div class=\"mwr-foot-brand\">\r\n <h3 class=\"mwr-foot-brand-logo\">\r\n MWR<em>Life<\/em>\r\n <\/h3>\r\n <p class=\"mwr-foot-brand-tag\">\r\n Un club de voyages international pour ceux qui refusent de se contenter d'un seul voyage par an.\r\n <\/p>\r\n\r\n <div class=\"mwr-foot-brand-ambassador\">Ambassadrice ind\u00e9pendante du style de vie<\/div>\r\n <p class=\"mwr-foot-brand-name\">[VOTRE NOM] \u00b7 @registerglobal<\/p>\r\n <\/div>\r\n\r\n <!-- Membership links -->\r\n <nav>\r\n <p class=\"mwr-foot-col-title\">Adh\u00e9sion<\/p>\r\n <ul class=\"mwr-foot-links\">\r\n <li><a href=\"#how-it-works\">Comment \u00e7a marche<\/a><\/li>\r\n <li><a href=\"#travel-categories\">Cat\u00e9gories de voyage<\/a><\/li>\r\n <li><a href=\"#experiences\">Exp\u00e9riences de vie\u00ae<\/a><\/li>\r\n <li><a href=\"#pricing\">Forfaits et tarifs<\/a><\/li>\r\n <li><a href=\"#full-comparison\">Comparez tous les forfaits<\/a><\/li>\r\n <li><a href=\"#turbo\">Turbo Access<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Opportunity \/ Resources links -->\r\n <nav>\r\n <p class=\"mwr-foot-col-title\">D\u00e9couvrir<\/p>\r\n <ul class=\"mwr-foot-links\">\r\n <li><a href=\"https:\/\/travel-adv.com\/fr\/opportunite\/\">L'opportunit\u00e9<\/a><\/li>\r\n <li><a href=\"#testimonials\">T\u00e9moignages de membres<\/a><\/li>\r\n <li><a href=\"#faq\">FAQ<\/a><\/li>\r\n <li><a href=\"https:\/\/www.mwrlife.com\" target=\"_blank\" rel=\"noopener noreferrer\">\u00c0 propos de MWR Life<\/a><\/li>\r\n <li><a href=\"https:\/\/www.traveladvantage.com\" target=\"_blank\" rel=\"noopener noreferrer\">Avantage Voyage\u2122<\/a><\/li>\r\n <\/ul>\r\n <\/nav>\r\n\r\n <!-- Contact column -->\r\n <div>\r\n <p class=\"mwr-foot-col-title\">Entrer en contact<\/p>\r\n <ul class=\"mwr-foot-contact\">\r\n <li>\r\n <a href=\"mailto:hello@your-email.com\">\r\n <svg class=\"mwr-foot-contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M2 6a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6zm2 0v.5l8 5 8-5V6H4zm16 2.5l-8 5-8-5V18h16V8.5z\"\/>\r\n <\/svg>\r\n bonjour@votre-email.com\r\n <\/a>\r\n <\/li>\r\n <li>\r\n <a href=\"https:\/\/wa.me\/5500000000000\" target=\"_blank\" rel=\"noopener noreferrer\">\r\n <svg class=\"mwr-foot-contact-icon\" viewbox=\"0 0 24 24\" fill=\"currentColor\" aria-hidden=\"true\">\r\n <path d=\"M17.5 14.4c-.3-.1-1.7-.8-2-.9-.3-.1-.5-.1-.7.1-.2.3-.7.9-.9 1.1-.2.2-.3.2-.6.1-.3-.1-1.2-.5-2.3-1.5-.9-.8-1.4-1.7-1.6-2-.2-.3 0-.4.1-.6l.5-.5c.1-.2.2-.3.3-.5.1-.2 0-.4 0-.5-.1-.1-.7-1.6-.9-2.2-.2-.6-.5-.5-.7-.5h-.6c-.2 0-.5.1-.8.4-.3.3-1 1-1 2.5s1.1 2.9 1.2 3.1c.1.2 2.1 3.2 5.1 4.5.7.3 1.3.5 1.7.6.7.2 1.3.2 1.9.1.6-.1 1.7-.7 2-1.4.2-.7.2-1.3.2-1.4-.1-.1-.3-.2-.6-.4zM12 2a10 10 0 0 0-8.7 14.9L2 22l5.3-1.3A10 10 0 1 0 12 2zm0 18a8 8 0 0 1-4.1-1.1l-.3-.2-3.1.8.8-3-.2-.3A8 8 0 1 1 12 20z\"\/>\r\n <\/svg>\r\n WhatsApp\r\n <\/a>\r\n <\/li>\r\n <\/ul>\r\n\r\n <p class=\"mwr-foot-social-label\">Suivre<\/p>\r\n <div class=\"mwr-foot-social\">\r\n <a href=\"\" aria-label=\"Instagram\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M12 2.16c3.2 0 3.58 0 4.85.07 1.17.05 1.8.25 2.23.41.56.22.96.48 1.38.9.42.42.68.82.9 1.38.16.42.36 1.06.41 2.23.06 1.27.07 1.65.07 4.85s0 3.58-.07 4.85c-.05 1.17-.25 1.8-.41 2.23a3.7 3.7 0 0 1-.9 1.38c-.42.42-.82.68-1.38.9-.42.16-1.06.36-2.23.41-1.27.06-1.65.07-4.85.07s-3.58 0-4.85-.07c-1.17-.05-1.8-.25-2.23-.41a3.7 3.7 0 0 1-1.38-.9 3.7 3.7 0 0 1-.9-1.38c-.16-.42-.36-1.06-.41-2.23C2.16 15.58 2.16 15.2 2.16 12s0-3.58.07-4.85c.05-1.17.25-1.8.41-2.23.22-.56.48-.96.9-1.38.42-.42.82-.68 1.38-.9.42-.16 1.06-.36 2.23-.41C8.42 2.16 8.8 2.16 12 2.16zM12 0C8.74 0 8.33 0 7.05.07c-1.28.06-2.16.27-2.92.56a5.9 5.9 0 0 0-2.13 1.39A5.9 5.9 0 0 0 .61 4.15c-.3.77-.5 1.64-.56 2.92C0 8.33 0 8.74 0 12s0 3.67.07 4.95c.06 1.28.27 2.15.56 2.92.3.8.72 1.48 1.39 2.13a5.9 5.9 0 0 0 2.13 1.39c.77.3 1.64.5 2.92.56C8.33 24 8.74 24 12 24s3.67 0 4.95-.07c1.28-.06 2.15-.27 2.92-.56a5.9 5.9 0 0 0 2.13-1.39 5.9 5.9 0 0 0 1.39-2.13c.3-.77.5-1.64.56-2.92C24 15.67 24 15.26 24 12s0-3.67-.07-4.95c-.06-1.28-.27-2.15-.56-2.92a5.9 5.9 0 0 0-1.39-2.13A5.9 5.9 0 0 0 19.85.61c-.77-.3-1.64-.5-2.92-.56C15.67 0 15.26 0 12 0zm0 5.84a6.16 6.16 0 1 0 0 12.32 6.16 6.16 0 0 0 0-12.32zm0 10.16a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm7.85-10.4a1.44 1.44 0 1 1-2.88 0 1.44 1.44 0 0 1 2.88 0z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"Facebook\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M24 12.07A12 12 0 1 0 10.13 24v-8.43H7.08V12.07h3.05V9.41c0-3.01 1.79-4.68 4.55-4.68 1.32 0 2.7.24 2.7.24v2.96h-1.52c-1.5 0-1.96.93-1.96 1.88v2.26h3.34l-.53 3.5h-2.8V24A12 12 0 0 0 24 12.07\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"YouTube\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M23.5 6.2a3 3 0 0 0-2.1-2.1C19.5 3.6 12 3.6 12 3.6s-7.5 0-9.4.5A3 3 0 0 0 .5 6.2C0 8.1 0 12 0 12s0 3.9.5 5.8a3 3 0 0 0 2.1 2.1c1.9.5 9.4.5 9.4.5s7.5 0 9.4-.5a3 3 0 0 0 2.1-2.1c.5-1.9.5-5.8.5-5.8s0-3.9-.5-5.8zM9.6 15.6V8.4l6.2 3.6-6.2 3.6z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <a href=\"\" aria-label=\"TikTok\">\r\n <svg viewbox=\"0 0 24 24\" aria-hidden=\"true\">\r\n <path d=\"M19.59 6.69a4.83 4.83 0 0 1-3.77-4.25V2h-3.45v13.67a2.89 2.89 0 0 1-5.2 1.74 2.89 2.89 0 0 1 2.31-4.64 2.93 2.93 0 0 1 .88.13V9.4a6.84 6.84 0 0 0-5.86 11.86 6.84 6.84 0 0 0 11.6-4.86V8.79a8.16 8.16 0 0 0 4.77 1.52V6.89a4.86 4.86 0 0 1-1.28-.2z\"\/>\r\n <\/svg>\r\n <\/a>\r\n <\/div>\r\n <\/div>\r\n\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Legal disclaimers \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-disclaimer\">\r\n <strong>D\u00e9claration de l'ambassadeur ind\u00e9pendant.<\/strong>\r\n Il s'agit du site web personnel d'un ambassadeur ind\u00e9pendant de MWR Life. Ce site est g\u00e9r\u00e9 de mani\u00e8re ind\u00e9pendante et n'est pas le site officiel de MWR Marketing, SA. Les revenus, les chiffres d'\u00e9conomies et les t\u00e9moignages de membres pr\u00e9sent\u00e9s refl\u00e8tent des exp\u00e9riences individuelles et ne constituent pas des r\u00e9sultats typiques\u00a0; les r\u00e9sultats d\u00e9pendent de l'utilisation, des habitudes de voyage et des efforts de chacun. MWR Life\u00ae, Travel Advantage\u2122, Life Experiences\u00ae et les marques associ\u00e9es sont des marques d\u00e9pos\u00e9es de MWR Marketing, SA et sont utilis\u00e9es ici \u00e0 des fins descriptives uniquement.\r\n <\/div>\r\n\r\n <!-- \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 Bottom bar \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 -->\r\n <div class=\"mwr-foot-bottom\">\r\n <p class=\"mwr-foot-copy\">\r\n \u00a9 2026 <strong>[VOTRE NOM]<\/strong> \u00b7 Ambassadrice ind\u00e9pendante du style de vie\r\n <\/p>\r\n <ul class=\"mwr-foot-legal\">\r\n <li><a href=\"\/fr\/privacy-policy\/\">politique de confidentialit\u00e9<\/a><\/li>\r\n <li><a href=\"\/fr\/terms-of-use\/\">Conditions d'utilisation<\/a><\/li>\r\n <li><a href=\"\/fr\/income-disclaimer\/\">Avertissement relatif aux revenus<\/a><\/li>\r\n <li><a href=\"\/fr\/cookies\/\">Cookies<\/a><\/li>\r\n <\/ul>\r\n <\/div>\r\n\r\n <\/div>\r\n<\/footer>\r\n\r\n<\/body>\r\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>","protected":false},"excerpt":{"rendered":"<p>MWR Life \u2014 Header 50% OFF Maldives Overwater Villa Escape 5 nights \u00b7 breakfast included \u00b7 private deck $2,500 $1,250total […]<\/p>","protected":false},"author":1,"featured_media":95,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"","ast-site-content-layout":"full-width-container","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"disabled","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-10","page","type-page","status-publish","has-post-thumbnail","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.3 (Yoast SEO v27.6) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide<\/title>\n<meta name=\"description\" content=\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/travel-adv.com\/fr\/\" \/>\n<meta property=\"og:locale\" content=\"fr_FR\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"MWR\" \/>\n<meta property=\"og:description\" content=\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/travel-adv.com\/fr\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-05-19T00:32:46+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"736\" \/>\n\t<meta property=\"og:image:height\" content=\"414\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"16 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/\",\"name\":\"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"datePublished\":\"2026-05-17T22:25:43+00:00\",\"dateModified\":\"2026-05-19T00:32:46+00:00\",\"description\":\"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#breadcrumb\"},\"inLanguage\":\"fr-FR\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/travel-adv.com\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"fr-FR\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#primaryimage\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"contentUrl\":\"https:\\\/\\\/travel-adv.com\\\/wp-content\\\/uploads\\\/2026\\\/05\\\/mwr-life-banner.webp\",\"width\":736,\"height\":414,\"caption\":\"mwr life banner\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/travel-adv.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"MWR\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/travel-adv.com\\\/#website\",\"url\":\"https:\\\/\\\/travel-adv.com\\\/\",\"name\":\"\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/travel-adv.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"fr-FR\"}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide","description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","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:\/\/travel-adv.com\/fr\/","og_locale":"fr_FR","og_type":"article","og_title":"MWR","og_description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","og_url":"https:\/\/travel-adv.com\/fr\/","article_modified_time":"2026-05-19T00:32:46+00:00","og_image":[{"width":736,"height":414,"url":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"16 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/travel-adv.com\/","url":"https:\/\/travel-adv.com\/","name":"Travel More, Spend Less \u2014 MWR Life Member Rates Worldwide","isPartOf":{"@id":"https:\/\/travel-adv.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/travel-adv.com\/#primaryimage"},"image":{"@id":"https:\/\/travel-adv.com\/#primaryimage"},"thumbnailUrl":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","datePublished":"2026-05-17T22:25:43+00:00","dateModified":"2026-05-19T00:32:46+00:00","description":"Discover MWR Life: the global travel club where members save up to 70% on hotels, flights and experiences. 130+ countries. Start free.","breadcrumb":{"@id":"https:\/\/travel-adv.com\/#breadcrumb"},"inLanguage":"fr-FR","potentialAction":[{"@type":"ReadAction","target":["https:\/\/travel-adv.com\/"]}]},{"@type":"ImageObject","inLanguage":"fr-FR","@id":"https:\/\/travel-adv.com\/#primaryimage","url":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","contentUrl":"https:\/\/travel-adv.com\/wp-content\/uploads\/2026\/05\/mwr-life-banner.webp","width":736,"height":414,"caption":"mwr life banner"},{"@type":"BreadcrumbList","@id":"https:\/\/travel-adv.com\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/travel-adv.com\/"},{"@type":"ListItem","position":2,"name":"MWR"}]},{"@type":"WebSite","@id":"https:\/\/travel-adv.com\/#website","url":"https:\/\/travel-adv.com\/","name":"","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/travel-adv.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"fr-FR"}]}},"_links":{"self":[{"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/pages\/10","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/comments?post=10"}],"version-history":[{"count":187,"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/pages\/10\/revisions"}],"predecessor-version":[{"id":272,"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/pages\/10\/revisions\/272"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/media\/95"}],"wp:attachment":[{"href":"https:\/\/travel-adv.com\/fr\/wp-json\/wp\/v2\/media?parent=10"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}