{"id":699,"date":"2025-11-09T03:40:24","date_gmt":"2025-11-09T02:40:24","guid":{"rendered":"https:\/\/hodronn.fr\/?page_id=699"},"modified":"2025-12-17T14:17:48","modified_gmt":"2025-12-17T13:17:48","slug":"tarifs","status":"publish","type":"page","link":"https:\/\/hodronn.fr\/index.php\/tarifs\/","title":{"rendered":"Tarifs"},"content":{"rendered":"\n
\n\n\n\n \n \n Tarifs – Hodr\u00f8nn<\/title>\n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Poppins:wght@400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <style>\n \/* ========================================\n VARIABLES PREMIUM\n ======================================== *\/\n :root {\n --hodronn-blue: #00017B;\n --hodronn-blue-hover: #00006A;\n --blue-10: #EEF0FF;\n --ink-100: #0B0B0E;\n --ink-70: #2A2A32;\n --ink-40: #6B6B78;\n --line-10: #E9E9EF;\n --surface: #FFFFFF;\n }\n \n \/* ========================================\n RESET & BASE\n ======================================== *\/\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n \n html {\n scroll-behavior: smooth;\n }\n \n body {\n font-family: 'Poppins', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;\n background: linear-gradient(135deg, #fafbfc 0%, #f5f7fa 100%);\n color: var(--ink-70);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n line-height: 1.7;\n position: relative;\n overflow-x: hidden;\n min-height: 100vh;\n }\n \n \/* ========================================\n BACKGROUND DECORATION\n ======================================== *\/\n .page-background {\n position: fixed;\n inset: 0;\n z-index: 0;\n overflow: hidden;\n pointer-events: none;\n }\n \n .bg-gradient-1 {\n position: absolute;\n top: -20%;\n right: -10%;\n width: 600px;\n height: 600px;\n background: radial-gradient(circle, rgba(0, 1, 123, 0.08) 0%, transparent 70%);\n border-radius: 50%;\n animation: float 20s ease-in-out infinite;\n }\n \n .bg-gradient-2 {\n position: absolute;\n bottom: -15%;\n left: -10%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(147, 51, 234, 0.06) 0%, transparent 70%);\n border-radius: 50%;\n animation: float 25s ease-in-out infinite reverse;\n }\n \n @keyframes float {\n 0%, 100% { transform: translate(0, 0) scale(1); }\n 50% { transform: translate(30px, -30px) scale(1.1); }\n }\n \n \/* ========================================\n HEADER\n ======================================== *\/\n .pricing-header {\n position: relative;\n z-index: 10;\n background: white;\n padding: 5rem 1.5rem 2.5rem;\n text-align: center;\n overflow: hidden;\n }\n \n \/* Background avec voiles *\/\n .hero-background{position:absolute;inset:0;z-index:-1;overflow:hidden}\n .gradient-mesh-1,.gradient-mesh-2{position:absolute;border-radius:50%;filter:blur(100px)}\n .gradient-mesh-1{\n top:-10%;right:10%;width:700px;height:700px;\n background:linear-gradient(135deg,rgba(0,1,123,.08),rgba(147,51,234,.06));\n animation:meshRotate1 20s linear infinite\n }\n .gradient-mesh-2{\n top:20%;left:5%;width:600px;height:600px;\n background:linear-gradient(225deg,rgba(96,165,250,.06),rgba(0,1,123,.08));\n animation:meshRotate2 25s linear infinite\n }\n @keyframes meshRotate1{\n 0%{transform:scale(1) rotate(0)}\n 50%{transform:scale(1.2) rotate(90deg)}\n 100%{transform:scale(1) rotate(0)}\n }\n @keyframes meshRotate2{\n 0%{transform:scale(1) rotate(0)}\n 50%{transform:scale(1.3) rotate(-90deg)}\n 100%{transform:scale(1) rotate(0)}\n }\n \n .pricing-header-container {\n max-width: 900px;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n }\n \n .pricing-badge-wrapper{display:flex;justify-content:center;margin-bottom:1.2rem}\n .pricing-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.4rem 0.9rem;\n border-radius: 9999px;\n background: rgba(255,255,255,.9);\n backdrop-filter: blur(8px);\n border: 1px solid var(--line-10);\n box-shadow: 0 4px 12px rgba(0,1,123,.06);\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.1s forwards;\n }\n \n .pricing-badge-icon {\n width: 0.9rem;\n height: 0.9rem;\n color: var(--hodronn-blue);\n }\n \n .pricing-badge-text {\n font-size: 0.8rem;\n font-weight: 600;\n color: var(--hodronn-blue);\n }\n \n .pricing-title {\n font-size: clamp(2rem,4vw,2.8rem);\n line-height: 1.2;\n font-weight: 600;\n color: var(--ink-100);\n letter-spacing: -0.02em;\n margin-bottom: 1rem;\n max-width: 45rem;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.2s forwards;\n }\n \n .pricing-title-gradient{position:relative;display:inline-block}\n .pricing-title-gradient-text{\n position:relative;z-index:10;\n background:linear-gradient(90deg,var(--hodronn-blue),#9333ea,var(--hodronn-blue));\n background-size:200% 100%;\n -webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;\n animation:gradientShift 3s ease infinite;\n }\n @keyframes gradientShift{\n 0%, 100%{background-position:0% 50%}\n 50%{background-position:100% 50%}\n }\n .pricing-title-underline{\n position:absolute;left:0;right:0;bottom:.05rem;height:.25rem;\n background:linear-gradient(90deg,rgba(0,1,123,.3),rgba(147,51,234,.3));\n border-radius:999px;z-index:-1;transform-origin:left center;\n animation:underlineExpand .8s ease-out .4s backwards\n }\n @keyframes underlineExpand{from{transform:scaleX(0)}to{transform:scaleX(1)}}\n \n .pricing-subtitle {\n font-size: 1rem;\n line-height: 1.5rem;\n color: var(--ink-70);\n max-width: 38rem;\n margin: 0 auto 2rem;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.3s forwards;\n }\n \n \/* ========================================\n BILLING TOGGLE\n ======================================== *\/\n .billing-toggle-wrapper {\n display: flex;\n flex-direction: column;\n align-items: center;\n gap: 0.5rem;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.4s forwards;\n }\n \n .billing-toggle {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.375rem;\n background: rgba(255, 255, 255, 0.9);\n border: 2px solid var(--line-10);\n border-radius: 9999px;\n box-shadow: 0 4px 20px rgba(0, 1, 123, 0.08);\n }\n \n .billing-option {\n padding: 0.625rem 1.5rem;\n border-radius: 9999px;\n font-weight: 500;\n cursor: pointer;\n transition: all 0.3s ease;\n color: var(--ink-70);\n border: none;\n background: transparent;\n font-family: inherit;\n font-size: 0.9rem;\n }\n \n .billing-option.active {\n background: var(--hodronn-blue);\n color: white;\n box-shadow: 0 2px 10px rgba(0, 1, 123, 0.3);\n }\n \n .billing-note {\n font-size: 0.8rem;\n color: var(--ink-40);\n text-align: center;\n max-width: 32rem;\n }\n \n \/* ========================================\n MAIN CONTENT\n ======================================== *\/\n .pricing-main {\n position: relative;\n z-index: 10;\n max-width: 1200px;\n margin: 0 auto;\n padding: 2rem 1.5rem;\n }\n \n \/* ========================================\n PRICING GRID WRAPPER\n ======================================== *\/\n .pricing-grid-wrapper {\n position: relative;\n margin-bottom: 3rem;\n }\n \n \/* ========================================\n PLAN SELECTOR TABS (mobile only)\n ======================================== *\/\n .plan-selector {\n display: none;\n justify-content: center;\n gap: 0.5rem;\n margin-bottom: 1.5rem;\n padding: 0 1rem;\n }\n \n .plan-tab {\n flex: 1;\n padding: 1rem 0.8rem;\n background: rgba(255, 255, 255, 0.7);\n backdrop-filter: blur(16px);\n border: 2px solid rgba(0, 1, 123, 0.08);\n border-radius: 1.25rem;\n font-family: inherit;\n font-size: 0.9rem;\n font-weight: 700;\n color: var(--ink-70);\n cursor: pointer;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n text-align: center;\n position: relative;\n overflow: hidden;\n box-shadow: 0 2px 8px rgba(0, 0, 0, 0.04);\n }\n \n .plan-tab::before {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(135deg, rgba(0, 1, 123, 0.08), rgba(147, 51, 234, 0.08));\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n \n .plan-tab::after {\n content: '';\n position: absolute;\n top: 0;\n left: -100%;\n width: 100%;\n height: 100%;\n background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent);\n transition: left 0.5s ease;\n }\n \n .plan-tab:hover {\n transform: translateY(-3px);\n box-shadow: 0 6px 16px rgba(0, 1, 123, 0.15);\n border-color: rgba(0, 1, 123, 0.2);\n }\n \n .plan-tab:hover::before {\n opacity: 1;\n }\n \n .plan-tab:hover::after {\n left: 100%;\n }\n \n .plan-tab.active {\n background: linear-gradient(135deg, var(--hodronn-blue) 0%, #6366f1 50%, #9333ea 100%);\n background-size: 200% 200%;\n color: white;\n border-color: var(--hodronn-blue);\n box-shadow: 0 8px 24px rgba(0, 1, 123, 0.35), 0 0 0 3px rgba(0, 1, 123, 0.1);\n transform: translateY(-3px) scale(1.02);\n animation: gradientShift 3s ease infinite;\n }\n \n .plan-tab.active::before {\n display: none;\n }\n \n .plan-tab.active::after {\n display: none;\n }\n \n @keyframes gradientShift {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n \n \/* ========================================\n PRICING CARDS - COMPACT\n ======================================== *\/\n .pricing-grid {\n display: grid;\n grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));\n gap: 1.5rem;\n }\n \n .pricing-card {\n background: rgba(255, 255, 255, 0.98);\n backdrop-filter: blur(20px);\n border-radius: 1rem;\n padding: 1.4rem;\n border: 2px solid var(--line-10);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.04);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n opacity: 1;\n transform: translateY(0);\n display: flex;\n flex-direction: column;\n }\n \n .pricing-card:hover {\n transform: translateY(-6px);\n box-shadow: 0 12px 40px rgba(0, 1, 123, 0.12);\n }\n \n .pricing-card.featured {\n border: 2px solid var(--hodronn-blue);\n box-shadow: 0 8px 32px rgba(0, 1, 123, 0.15);\n }\n \n .card-badge {\n display: inline-block;\n padding: 0.25rem 0.75rem;\n border-radius: 9999px;\n font-size: 0.7rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 1rem;\n width: fit-content;\n }\n \n .card-badge.entry {\n background: var(--blue-10);\n color: var(--hodronn-blue);\n }\n \n .card-badge.recommended {\n background: linear-gradient(135deg, var(--hodronn-blue), #6366f1);\n color: white;\n }\n \n .card-badge.custom {\n background: var(--ink-100);\n color: white;\n }\n \n .plan-name {\n font-size: 1.25rem;\n font-weight: 700;\n color: var(--ink-100);\n margin-bottom: 0.4rem;\n }\n \n .plan-description {\n font-size: 0.8rem;\n color: var(--ink-40);\n margin-bottom: 1rem;\n line-height: 1.4;\n }\n \n .price-wrapper {\n margin-bottom: 1.2rem;\n padding-bottom: 1.2rem;\n border-bottom: 1px solid var(--line-10);\n min-height: 85px;\n }\n \n .pricing-card:last-child .price-wrapper {\n margin-bottom: 1.2rem;\n padding-bottom: 1.2rem;\n border-bottom: 1px solid var(--line-10);\n min-height: 85px;\n }\n \n .price {\n display: flex;\n align-items: baseline;\n gap: 0.3rem;\n margin-bottom: 0.3rem;\n }\n \n .price-amount {\n font-size: 2rem;\n font-weight: 700;\n color: var(--hodronn-blue);\n line-height: 1;\n letter-spacing: -0.02em;\n }\n \n .price-currency {\n font-size: 1rem;\n color: var(--ink-70);\n }\n \n .price-period {\n font-size: 0.85rem;\n color: var(--ink-70);\n }\n \n .price-note {\n font-size: 0.7rem;\n color: var(--ink-40);\n }\n \n .price-custom {\n font-size: 1.6rem;\n font-weight: 700;\n color: var(--hodronn-blue);\n margin-bottom: 0.1rem;\n }\n \n .features-list {\n list-style: none;\n margin-bottom: 0.5rem;\n flex: 1;\n }\n \n .feature-item {\n display: flex;\n align-items: flex-start;\n gap: 0.5rem;\n margin-bottom: 0.5rem;\n font-size: 0.8rem;\n line-height: 1.3;\n color: var(--ink-70);\n }\n \n .feature-icon {\n width: 1rem;\n height: 1rem;\n color: var(--hodronn-blue);\n flex-shrink: 0;\n margin-top: 0.1rem;\n }\n \n \/* Options accordion *\/\n .options-accordion {\n margin-bottom: 1rem;\n border-top: 1px solid var(--line-10);\n padding-top: 0.8rem;\n }\n \n .options-trigger {\n width: 100%;\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.4rem;\n padding: 0.6rem 0.8rem;\n background: var(--blue-10);\n border: 1px solid var(--line-10);\n border-radius: 0.5rem;\n cursor: pointer;\n font-family: inherit;\n font-size: 0.75rem;\n font-weight: 600;\n color: var(--hodronn-blue);\n text-align: center;\n transition: all 0.3s ease;\n }\n \n .options-trigger:hover {\n background: var(--hodronn-blue);\n color: white;\n border-color: var(--hodronn-blue);\n }\n \n .options-trigger:hover .options-icon {\n color: white;\n }\n \n .options-icon {\n width: 1rem;\n height: 1rem;\n color: var(--hodronn-blue);\n transition: all 0.3s ease;\n }\n \n .options-trigger[aria-expanded=\"true\"] .options-icon {\n transform: rotate(180deg);\n }\n \n .options-content {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.3s ease;\n }\n \n .options-content.open {\n max-height: 400px;\n padding-top: 0.75rem;\n }\n \n .option-item {\n display: flex;\n justify-content: space-between;\n align-items: flex-start;\n padding: 0.625rem 0;\n font-size: 0.8rem;\n color: var(--ink-70);\n border-bottom: 1px solid rgba(0, 1, 123, 0.06);\n }\n \n .option-item:last-child {\n border-bottom: none;\n }\n \n .option-name {\n flex: 1;\n }\n \n .option-price {\n font-weight: 600;\n color: var(--ink-100);\n white-space: nowrap;\n }\n \n .discount-note {\n font-size: 0.8rem;\n color: var(--hodronn-blue);\n font-weight: 600;\n margin-bottom: 1rem;\n }\n \n .cta-button {\n width: 100%;\n padding: 0.875rem 1.5rem;\n background: linear-gradient(135deg, var(--hodronn-blue), #6366f1);\n color: white;\n font-weight: 600;\n border: none;\n border-radius: 0.625rem;\n cursor: pointer;\n font-family: inherit;\n font-size: 0.9rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(0, 1, 123, 0.2);\n display: inline-block;\n text-align: center;\n text-decoration: none;\n }\n \n .cta-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0, 1, 123, 0.3);\n }\n \n .cta-button.secondary {\n background: white;\n color: var(--hodronn-blue);\n border: 2px solid var(--hodronn-blue);\n box-shadow: none;\n }\n \n .cta-button.secondary:hover {\n background: var(--blue-10);\n transform: translateY(-2px);\n box-shadow: 0 4px 16px rgba(0, 1, 123, 0.1);\n }\n \n \/* ========================================\n MODULES SUR MESURE SECTION\n ======================================== *\/\n .custom-modules-section {\n background: linear-gradient(135deg, rgba(255, 255, 255, 0.98), rgba(238, 240, 255, 0.7));\n backdrop-filter: blur(16px);\n border: 1px solid rgba(0, 1, 123, 0.12);\n border-radius: 1.5rem;\n padding: 3rem 2rem;\n margin-bottom: 4rem;\n text-align: center;\n position: relative;\n overflow: hidden;\n }\n \n .custom-modules-section::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, var(--hodronn-blue), #9333ea, #6366f1);\n background-size: 200% 100%;\n animation: gradientSlide 4s ease infinite;\n }\n \n @keyframes gradientSlide {\n 0%, 100% { background-position: 0% 50%; }\n 50% { background-position: 100% 50%; }\n }\n \n .custom-modules-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem 1rem;\n background: linear-gradient(135deg, var(--hodronn-blue), #6366f1);\n color: white;\n border-radius: 999px;\n font-size: 0.7rem;\n font-weight: 600;\n text-transform: uppercase;\n letter-spacing: 0.08em;\n margin-bottom: 1.5rem;\n box-shadow: 0 4px 16px rgba(0, 1, 123, 0.25);\n }\n \n .custom-modules-icon {\n width: 1rem;\n height: 1rem;\n }\n \n .custom-modules-title {\n font-size: 2rem;\n font-weight: 700;\n color: var(--ink-100);\n margin-bottom: 1rem;\n letter-spacing: -0.02em;\n }\n \n .custom-modules-description {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--ink-70);\n max-width: 700px;\n margin: 0 auto 2rem;\n }\n \n .custom-modules-button {\n display: inline-block;\n padding: 1rem 2rem;\n background: var(--hodronn-blue);\n color: white;\n text-decoration: none;\n font-weight: 600;\n font-size: 0.9rem;\n border-radius: 0.625rem;\n transition: all 0.3s ease;\n box-shadow: 0 4px 16px rgba(0, 1, 123, 0.2);\n }\n \n .custom-modules-button:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0, 1, 123, 0.3);\n background: var(--hodronn-blue-hover);\n color: white;\n }\n \n \/* ========================================\n FAQ SECTION\n ======================================== *\/\n .faq-section {\n margin-top: 4rem;\n max-width: 800px;\n margin-left: auto;\n margin-right: auto;\n opacity: 0;\n animation: fadeInUp 0.8s ease-out 0.8s forwards;\n }\n \n .faq-title {\n font-size: 2rem;\n font-weight: 700;\n color: var(--ink-100);\n text-align: center;\n margin-bottom: 2.5rem;\n }\n \n .faq-item {\n background: rgba(255, 255, 255, 0.95);\n backdrop-filter: blur(20px);\n border-radius: 1rem;\n padding: 1.5rem;\n margin-bottom: 1rem;\n border: 1px solid rgba(0, 1, 123, 0.08);\n box-shadow: 0 4px 16px rgba(0, 0, 0, 0.03);\n transition: all 0.3s ease;\n }\n \n .faq-item:hover {\n transform: translateY(-2px);\n box-shadow: 0 8px 24px rgba(0, 1, 123, 0.08);\n }\n \n .faq-question {\n font-size: 1rem;\n font-weight: 600;\n color: var(--ink-100);\n margin-bottom: 0.75rem;\n display: flex;\n align-items: center;\n gap: 0.75rem;\n }\n \n .faq-icon {\n width: 1.25rem;\n height: 1.25rem;\n color: var(--hodronn-blue);\n flex-shrink: 0;\n }\n \n .faq-answer {\n font-size: 0.875rem;\n color: var(--ink-70);\n line-height: 1.7;\n }\n \n \/* ========================================\n CTA SECTION\n ======================================== *\/\n .cta-section {\n padding: 5rem 0;\n background: white;\n }\n \n .cta-wrapper {\n max-width: 800px;\n margin: 0 auto;\n text-align: center;\n padding: 0 1.5rem;\n }\n \n .cta-tag {\n display: inline-flex;\n align-items: center;\n gap: 0.4rem;\n padding: 0.4rem 1rem;\n background: var(--blue-10);\n border-radius: 999px;\n margin-bottom: 1.5rem;\n }\n \n .cta-tag-icon {\n width: 0.85rem;\n height: 0.85rem;\n color: var(--hodronn-blue);\n }\n \n .cta-tag-text {\n font-size: 0.7rem;\n font-weight: 600;\n color: var(--hodronn-blue);\n letter-spacing: 0.05em;\n text-transform: uppercase;\n }\n \n .cta-title {\n font-size: 2rem;\n line-height: 1.3;\n font-weight: 600;\n color: var(--ink-100);\n margin-bottom: 1.25rem;\n letter-spacing: -0.03em;\n }\n \n .cta-description {\n font-size: 1rem;\n line-height: 1.7;\n color: var(--ink-70);\n margin-bottom: 2.5rem;\n max-width: 600px;\n margin-left: auto;\n margin-right: auto;\n }\n \n .cta-button-primary {\n padding: 1.125rem 3rem;\n background: var(--hodronn-blue);\n color: white;\n border-radius: 0.75rem;\n text-decoration: none;\n font-weight: 600;\n font-size: 1rem;\n transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n display: inline-flex;\n align-items: center;\n gap: 0.65rem;\n box-shadow: 0 4px 20px rgba(0, 1, 123, 0.2);\n border: none;\n cursor: pointer;\n }\n \n .cta-button-primary:hover {\n background: var(--hodronn-blue-hover);\n transform: translateY(-3px);\n box-shadow: 0 8px 30px rgba(0, 1, 123, 0.3);\n color: white;\n }\n \n .cta-button-icon {\n width: 1.125rem;\n height: 1.125rem;\n }\n \n \/* ========================================\n ANIMATIONS\n ======================================== *\/\n @keyframes fadeInUp {\n from {\n opacity: 0;\n transform: translateY(30px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n \/* ========================================\n RESPONSIVE PROGRESSIF\n ======================================== *\/\n \n \/* Tablet large - R\u00e9duction progressive *\/\n @media (max-width: 1024px) {\n .pricing-grid {\n grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n gap: 1.25rem;\n }\n \n .pricing-card {\n padding: 1.3rem;\n }\n \n .plan-name {\n font-size: 1.2rem;\n }\n \n .plan-description {\n font-size: 0.78rem;\n }\n \n .price-amount {\n font-size: 1.9rem;\n }\n \n .feature-item {\n font-size: 0.78rem;\n }\n }\n \n \/* Tablet - R\u00e9duction \u00e9quitable *\/\n @media (max-width: 900px) {\n .pricing-grid {\n grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n gap: 1.2rem;\n }\n \n .pricing-card {\n padding: 1.25rem;\n }\n \n .plan-name {\n font-size: 1.15rem;\n }\n \n .plan-description {\n font-size: 0.76rem;\n }\n \n .price-amount {\n font-size: 1.85rem;\n }\n \n .feature-item {\n font-size: 0.76rem;\n }\n \n .options-trigger {\n font-size: 0.73rem;\n }\n \n .option-item {\n font-size: 0.76rem;\n }\n }\n \n \/* Mobile - Mode Tabs *\/\n @media (max-width: 768px) {\n .pricing-header {\n padding: 3rem 1rem 2rem;\n }\n \n .pricing-title {\n font-size: 1.85rem;\n }\n \n .pricing-subtitle {\n font-size: 0.95rem;\n }\n \n .pricing-main {\n padding: 2rem 0;\n }\n \n .pricing-grid-wrapper {\n padding: 0 1rem;\n }\n \n \/* Afficher le s\u00e9lecteur de plan *\/\n .plan-selector {\n display: flex;\n }\n \n \/* Une seule card visible *\/\n .pricing-grid {\n display: block;\n }\n \n .pricing-card {\n display: none;\n padding: 1.15rem;\n }\n \n .pricing-card.active-mobile {\n display: flex;\n animation: fadeInCard 0.4s ease;\n }\n \n @keyframes fadeInCard {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n \n .card-badge {\n padding: 0.2rem 0.65rem;\n font-size: 0.65rem;\n margin-bottom: 0.85rem;\n }\n \n .plan-name {\n font-size: 1.1rem;\n margin-bottom: 0.35rem;\n }\n \n .plan-description {\n font-size: 0.72rem;\n margin-bottom: 0.9rem;\n line-height: 1.35;\n }\n \n .price-wrapper {\n min-height: 65px;\n margin-bottom: 0.95rem;\n padding-bottom: 0.95rem;\n }\n \n .pricing-card:last-child .price-wrapper {\n min-height: 65px;\n }\n \n .price-amount {\n font-size: 1.7rem;\n }\n \n .price-currency {\n font-size: 0.9rem;\n }\n \n .price-period {\n font-size: 0.8rem;\n }\n \n .price-note {\n font-size: 0.65rem;\n }\n \n .features-list {\n margin-bottom: 0.4rem;\n }\n \n .feature-item {\n font-size: 0.72rem;\n margin-bottom: 0.4rem;\n line-height: 1.25;\n }\n \n .feature-icon {\n width: 0.85rem;\n height: 0.85rem;\n }\n \n .options-accordion {\n margin-bottom: 0.9rem;\n padding-top: 0.7rem;\n }\n \n .options-trigger {\n font-size: 0.68rem;\n padding: 0.5rem 0.65rem;\n }\n \n .options-content.open {\n padding-top: 0.65rem;\n }\n \n .option-item {\n font-size: 0.7rem;\n padding: 0.5rem 0;\n }\n \n .discount-note {\n font-size: 0.72rem;\n margin-bottom: 0.85rem;\n }\n \n .cta-button {\n padding: 0.75rem 1.25rem;\n font-size: 0.82rem;\n }\n \n .faq-section {\n padding: 0 1rem;\n }\n \n .faq-title {\n font-size: 1.45rem;\n }\n \n .faq-item {\n padding: 1.25rem;\n }\n \n .faq-question {\n font-size: 0.95rem;\n }\n \n .faq-answer {\n font-size: 0.82rem;\n }\n \n .cta-title {\n font-size: 1.45rem;\n }\n \n .cta-description {\n font-size: 0.88rem;\n }\n \n .custom-modules-section {\n padding: 2.25rem 1.35rem;\n margin-left: 0;\n margin-right: 0;\n }\n \n .custom-modules-title {\n font-size: 1.4rem;\n }\n \n .custom-modules-description {\n font-size: 0.9rem;\n }\n \n .bg-gradient-1,\n .bg-gradient-2 {\n display: none;\n }\n }\n \n \/* Mobile Small - Ultra compact *\/\n @media (max-width: 480px) {\n .pricing-header {\n padding: 2.5rem 0.85rem 1.75rem;\n }\n \n .pricing-title {\n font-size: 1.7rem;\n }\n \n .pricing-subtitle {\n font-size: 0.9rem;\n }\n \n .plan-selector {\n padding: 0 0.85rem;\n gap: 0.4rem;\n }\n \n .plan-tab {\n padding: 0.85rem 0.5rem;\n font-size: 0.82rem;\n }\n \n .pricing-grid-wrapper {\n padding: 0 0.85rem;\n }\n \n .pricing-card {\n padding: 1rem;\n }\n \n .plan-name {\n font-size: 1.05rem;\n }\n \n .plan-description {\n font-size: 0.68rem;\n }\n \n .price-amount {\n font-size: 1.6rem;\n }\n \n .feature-item {\n font-size: 0.68rem;\n }\n \n .options-trigger {\n font-size: 0.65rem;\n padding: 0.45rem 0.6rem;\n }\n \n .option-item {\n font-size: 0.68rem;\n }\n \n .discount-note {\n font-size: 0.68rem;\n }\n \n .cta-button {\n padding: 0.7rem 1.15rem;\n font-size: 0.78rem;\n }\n \n .custom-modules-section {\n padding: 2rem 1.2rem;\n }\n \n .custom-modules-title {\n font-size: 1.3rem;\n }\n \n .faq-title {\n font-size: 1.35rem;\n }\n \n .cta-title {\n font-size: 1.35rem;\n }\n }\n <\/style>\n<\/head>\n<body>\n \n <!-- Background Decoration -->\n <div class=\"page-background\">\n <div class=\"bg-gradient-1\"><\/div>\n <div class=\"bg-gradient-2\"><\/div>\n <\/div>\n \n <!-- HEADER -->\n <header class=\"pricing-header\">\n <div class=\"hero-background\">\n <div class=\"gradient-mesh-1\"><\/div>\n <div class=\"gradient-mesh-2\"><\/div>\n <\/div>\n <div class=\"pricing-header-container\">\n <div class=\"pricing-badge-wrapper\">\n <div class=\"pricing-badge\">\n <svg class=\"pricing-badge-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M7 7h.01M7 3h5c.512 0 1.024.195 1.414.586l7 7a2 2 0 010 2.828l-7 7a2 2 0 01-2.828 0l-7-7A1.994 1.994 0 013 12V7a4 4 0 014-4z\" \/>\n <\/svg>\n <span class=\"pricing-badge-text\">Tarification<\/span>\n <\/div>\n <\/div>\n <h1 class=\"pricing-title\">\n Des tarifs \n <span class=\"pricing-title-gradient\">\n <span class=\"pricing-title-gradient-text\">transparents<\/span>\n <span class=\"pricing-title-underline\"><\/span>\n <\/span>\n <\/h1>\n <p class=\"pricing-subtitle\">Choisissez la formule qui correspond \u00e0 votre activit\u00e9 et \u00e9voluez \u00e0 votre rythme.<\/p>\n \n <!-- Billing Toggle -->\n <div class=\"billing-toggle-wrapper\">\n <div class=\"billing-toggle\" role=\"group\" aria-label=\"Mode de facturation\">\n <button id=\"monthly-btn\" class=\"billing-option active\" role=\"switch\" aria-pressed=\"true\">\n Mensuel\n <\/button>\n <button id=\"annual-btn\" class=\"billing-option\" role=\"switch\" aria-pressed=\"false\">\n Annuel\n <\/button>\n <\/div>\n <\/div>\n <\/div>\n <\/header>\n \n <!-- MAIN CONTENT -->\n <main class=\"pricing-main\">\n \n <!-- Pricing Grid Wrapper -->\n <div class=\"pricing-grid-wrapper\">\n \n <!-- Plan Selector (Mobile only) -->\n <div class=\"plan-selector\">\n <button class=\"plan-tab active\" data-plan=\"starter\">\n Starter\n <\/button>\n <button class=\"plan-tab\" data-plan=\"pro\">\n Pro\n <\/button>\n <button class=\"plan-tab\" data-plan=\"proplus\">\n Pro+\n <\/button>\n <\/div>\n \n <div class=\"pricing-grid\" id=\"pricing-grid\">\n \n <!-- Card 1: Starter -->\n <div class=\"pricing-card active-mobile\" data-plan=\"starter\">\n <span class=\"card-badge entry\">Entr\u00e9e<\/span>\n \n <h3 class=\"plan-name\">Hodr\u00f8nn Starter<\/h3>\n <p class=\"plan-description\">Pour les petites entreprises qui d\u00e9butent avec la digitalisation<\/p>\n \n <div class=\"price-wrapper\">\n <div class=\"price\">\n <span id=\"starter-price\" class=\"price-amount\">1800<\/span>\n <span class=\"price-currency\">\u20ac HT<\/span>\n <span id=\"starter-period\" class=\"price-period\">\/ an<\/span>\n <\/div>\n <p id=\"starter-note\" class=\"price-note\"><\/p>\n <\/div>\n \n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>1 module au choix<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>2 administrateurs inclus<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>4 utilisateurs inclus<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Support standard (48h)<\/span>\n <\/li>\n <\/ul>\n \n <!-- Options Accordion -->\n <div class=\"options-accordion\">\n <button class=\"options-trigger\" aria-expanded=\"false\" aria-controls=\"starter-options\">\n <span>Options<\/span>\n <svg class=\"options-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 15-6-6-6 6\"\/>\n <\/svg>\n <\/button>\n <div id=\"starter-options\" class=\"options-content\">\n <div class=\"option-item\">\n <span class=\"option-name\">Module simple supp.<\/span>\n <span class=\"option-price\">+600 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Module complexe supp.<\/span>\n <span class=\"option-price\">+1200 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Administrateur supp.<\/span>\n <span class=\"option-price\">+300 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Utilisateur supp.<\/span>\n <span class=\"option-price\">+150 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">API Hodronn<\/span>\n <span class=\"option-price\">+150 \u20ac \/ an<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <p class=\"discount-note\">-10% pour engagement 36 mois<\/p>\n \n <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button secondary\">Choisir<\/a>\n <\/div>\n \n <!-- Card 2: Pro (Featured) -->\n <div class=\"pricing-card featured\" data-plan=\"pro\">\n <span class=\"card-badge recommended\">Recommand\u00e9<\/span>\n \n <h3 class=\"plan-name\">Hodr\u00f8nn Pro<\/h3>\n <p class=\"plan-description\">Pour les entreprises qui veulent optimiser leurs processus<\/p>\n \n <div class=\"price-wrapper\">\n <div class=\"price\">\n <span id=\"pro-price\" class=\"price-amount\">3500<\/span>\n <span class=\"price-currency\">\u20ac HT<\/span>\n <span id=\"pro-period\" class=\"price-period\">\/ an<\/span>\n <\/div>\n <p id=\"pro-note\" class=\"price-note\"><\/p>\n <\/div>\n \n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>3 modules au choix<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>4 administrateurs inclus<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>8 utilisateurs inclus<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Support prioritaire (24h)<\/span>\n <\/li>\n <\/ul>\n \n <!-- Options Accordion -->\n <div class=\"options-accordion\">\n <button class=\"options-trigger\" aria-expanded=\"false\" aria-controls=\"pro-options\">\n <span>Options<\/span>\n <svg class=\"options-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 15-6-6-6 6\"\/>\n <\/svg>\n <\/button>\n <div id=\"pro-options\" class=\"options-content\">\n <div class=\"option-item\">\n <span class=\"option-name\">Module simple supp.<\/span>\n <span class=\"option-price\">+600 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Module complexe supp.<\/span>\n <span class=\"option-price\">+1200 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Administrateur supp.<\/span>\n <span class=\"option-price\">+300 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">Utilisateur supp.<\/span>\n <span class=\"option-price\">+150 \u20ac \/ an<\/span>\n <\/div>\n <div class=\"option-item\">\n <span class=\"option-name\">API Hodronn<\/span>\n <span class=\"option-price\">+150 \u20ac \/ an<\/span>\n <\/div>\n <\/div>\n <\/div>\n \n <p class=\"discount-note\">-10% pour engagement 36 mois<\/p>\n \n <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button\">Choisir<\/a>\n <\/div>\n \n <!-- Card 3: Pro+ -->\n <div class=\"pricing-card\" data-plan=\"proplus\">\n <span class=\"card-badge custom\">Sur mesure<\/span>\n \n <h3 class=\"plan-name\">Hodr\u00f8nn Pro+<\/h3>\n <p class=\"plan-description\">Pour les grandes organisations avec besoins sp\u00e9cifiques<\/p>\n \n <div class=\"price-wrapper\">\n <div class=\"price\">\n <span class=\"price-amount\">Sur devis<\/span>\n <\/div>\n <p class=\"price-note\"><\/p>\n <\/div>\n \n <ul class=\"features-list\">\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Multi-sites<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Support 7j\/7<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Formation compl\u00e9mentaire<\/span>\n <\/li>\n <li class=\"feature-item\">\n <svg class=\"feature-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M5 13l4 4L19 7\" \/>\n <\/svg>\n <span>Accompagnement configuration<\/span>\n <\/li>\n <\/ul>\n \n <!-- Options Accordion - Hidden -->\n <div class=\"options-accordion\" style=\"display: none;\">\n <button class=\"options-trigger\" aria-expanded=\"false\" aria-controls=\"proplus-options\">\n <span>Options<\/span>\n <svg class=\"options-icon\" fill=\"none\" viewBox=\"0 0 24 24\" stroke=\"currentColor\">\n <path stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m18 15-6-6-6 6\"\/>\n <\/svg>\n <\/button>\n <div id=\"proplus-options\" class=\"options-content\">\n <\/div>\n <\/div>\n \n <p class=\"discount-note\">-10% pour engagement 36 mois<\/p>\n \n <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button secondary\">Demander un devis<\/a>\n <\/div>\n \n <\/div>\n \n <\/div>\n \n <!-- Modules sur mesure Section -->\n <section class=\"custom-modules-section\">\n <div class=\"custom-modules-badge\">\n <svg class=\"custom-modules-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 2v20M2 12h20\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <\/svg>\n <span>Personnalisation<\/span>\n <\/div>\n <h2 class=\"custom-modules-title\">Besoin d’un module sur mesure ?<\/h2>\n <p class=\"custom-modules-description\">\n Votre activit\u00e9 n\u00e9cessite des fonctionnalit\u00e9s sp\u00e9cifiques ? Notre \u00e9quipe peut d\u00e9velopper des modules personnalis\u00e9s parfaitement adapt\u00e9s \u00e0 vos processus m\u00e9tier. Contactez-nous pour \u00e9changer sur votre projet.\n <\/p>\n <a href=\"https:\/\/hodronn.fr\/index.php\/sur-mesure\/\" class=\"custom-modules-button\">En savoir plus<\/a>\n <\/section>\n \n <!-- CTA Section -->\n <section class=\"cta-section\">\n <div class=\"cta-wrapper\">\n <div class=\"cta-tag\">\n <svg class=\"cta-tag-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\"\/>\n <\/svg>\n <span class=\"cta-tag-text\">Contactez-nous<\/span>\n <\/div>\n \n <h2 class=\"cta-title\">\n Une question ? Besoin de conseils ?\n <\/h2>\n \n <p class=\"cta-description\">\n Notre \u00e9quipe est \u00e0 votre disposition pour vous accompagner dans le choix de votre solution et r\u00e9pondre \u00e0 toutes vos questions.\n <\/p>\n \n <a href=\"https:\/\/hodronn.fr\/index.php\/contact\/\" class=\"cta-button-primary\">\n <span>Nous contacter<\/span>\n <svg class=\"cta-button-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 12h14\"\/>\n <path d=\"m12 5 7 7-7 7\"\/>\n <\/svg>\n <\/a>\n <\/div>\n <\/section>\n \n <\/main>\n \n <script>\n \/\/ ========================================\n \/\/ INTERSECTION OBSERVER FOR CARDS\n \/\/ ========================================\n const cards = document.querySelectorAll('.pricing-card');\n \n const cardObserver = new IntersectionObserver((entries) => {\n entries.forEach((entry, index) => {\n if (entry.isIntersecting) {\n setTimeout(() => {\n entry.target.classList.add('visible');\n }, index * 100);\n }\n });\n }, {\n threshold: 0.1,\n rootMargin: '0px 0px -100px 0px'\n });\n \n cards.forEach(card => {\n cardObserver.observe(card);\n });\n \n \/\/ ========================================\n \/\/ BILLING TOGGLE\n \/\/ ========================================\n const monthlyBtn = document.getElementById('monthly-btn');\n const annualBtn = document.getElementById('annual-btn');\n \n const starterPrice = document.getElementById('starter-price');\n const starterPeriod = document.getElementById('starter-period');\n const starterNote = document.getElementById('starter-note');\n \n const proPrice = document.getElementById('pro-price');\n const proPeriod = document.getElementById('pro-period');\n const proNote = document.getElementById('pro-note');\n \n function setAnnual() {\n monthlyBtn.classList.remove('active');\n annualBtn.classList.add('active');\n monthlyBtn.setAttribute('aria-pressed', 'false');\n annualBtn.setAttribute('aria-pressed', 'true');\n \n starterPrice.textContent = '1 999';\n starterPeriod.textContent = '\/ an';\n starterNote.textContent = '';\n \n proPrice.textContent = '3 999';\n proPeriod.textContent = '\/ an';\n proNote.textContent = '';\n \n const proPlusWrapper = document.querySelector('.pricing-card:last-child .price-wrapper');\n if (proPlusWrapper) {\n proPlusWrapper.style.minHeight = '85px';\n }\n }\n \n function setMonthly() {\n annualBtn.classList.remove('active');\n monthlyBtn.classList.add('active');\n annualBtn.setAttribute('aria-pressed', 'false');\n monthlyBtn.setAttribute('aria-pressed', 'true');\n \n starterPrice.textContent = '199';\n starterPeriod.textContent = '\/ mois';\n starterNote.textContent = '(engagement 12 mois)';\n \n proPrice.textContent = '399';\n proPeriod.textContent = '\/ mois';\n proNote.textContent = '(engagement 12 mois)';\n \n const proPlusWrapper = document.querySelector('.pricing-card:last-child .price-wrapper');\n if (proPlusWrapper) {\n proPlusWrapper.style.minHeight = '105px';\n }\n }\n \n monthlyBtn.addEventListener('click', setMonthly);\n annualBtn.addEventListener('click', setAnnual);\n \n \/\/ Set default to Monthly\n setMonthly();\n \n \/\/ ========================================\n \/\/ ACCORDION - SYNCHRONIZED\n \/\/ ========================================\n const accordionTriggers = document.querySelectorAll('.options-trigger');\n \n accordionTriggers.forEach(trigger => {\n trigger.addEventListener('click', function() {\n const content = this.nextElementSibling;\n const isExpanded = this.getAttribute('aria-expanded') === 'true';\n \n \/\/ Toggle all accordions synchronously\n accordionTriggers.forEach(t => {\n const c = t.nextElementSibling;\n t.setAttribute('aria-expanded', !isExpanded);\n \n if (isExpanded) {\n c.classList.remove('open');\n } else {\n c.classList.add('open');\n }\n });\n });\n });\n \n \/\/ ========================================\n \/\/ MOBILE PLAN TABS (mobile only)\n \/\/ ========================================\n const planTabs = document.querySelectorAll('.plan-tab');\n const pricingCards = document.querySelectorAll('.pricing-card');\n \n planTabs.forEach(tab => {\n tab.addEventListener('click', function() {\n const selectedPlan = this.getAttribute('data-plan');\n \n \/\/ Update active tab\n planTabs.forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n \n \/\/ Update active card\n pricingCards.forEach(card => {\n card.classList.remove('active-mobile');\n if (card.getAttribute('data-plan') === selectedPlan) {\n card.classList.add('active-mobile');\n }\n });\n });\n });\n <\/script>\n \n<\/body>\n<\/html>\n<\/div><\/div>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Tarifs – Hodr\u00f8nn Tarification Des tarifs transparents Choisissez la formule qui correspond \u00e0 votre activit\u00e9 et \u00e9voluez \u00e0 votre rythme. […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"","ast-site-content-layout":"default","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":"","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-699","page","type-page","status-publish","hentry"],"spectra_custom_meta":{"_uabb_version":["1.36.13"],"_edit_lock":["1765991110:1"],"_uag_custom_page_level_css":[""],"site-sidebar-layout":["default"],"site-content-layout":[""],"ast-site-content-layout":["default"],"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":[""],"footer-sml-layout":[""],"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":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-5)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:0:\"\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"ast-content-background-meta":["a:3:{s:7:\"desktop\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"tablet\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}s:6:\"mobile\";a:12:{s:16:\"background-color\";s:25:\"var(--ast-global-color-4)\";s:16:\"background-image\";s:0:\"\";s:17:\"background-repeat\";s:6:\"repeat\";s:19:\"background-position\";s:13:\"center center\";s:15:\"background-size\";s:4:\"auto\";s:21:\"background-attachment\";s:6:\"scroll\";s:15:\"background-type\";s:0:\"\";s:16:\"background-media\";s:0:\"\";s:12:\"overlay-type\";s:0:\"\";s:13:\"overlay-color\";s:0:\"\";s:15:\"overlay-opacity\";s:0:\"\";s:16:\"overlay-gradient\";s:0:\"\";}}"],"footnotes":[""],"_elementor_edit_mode":[""],"_elementor_template_type":[""],"_elementor_data":[""],"_edit_last":["1"],"_yoast_wpseo_content_score":["90"],"_yoast_wpseo_estimated-reading-time-minutes":["2"],"_uag_page_assets":["a:9:{s:3:\"css\";s:14881:\".wp-block-uagb-container{display:flex;position:relative;box-sizing:border-box;transition-property:box-shadow;transition-duration:0.2s;transition-timing-function:ease}.wp-block-uagb-container .spectra-container-link-overlay{bottom:0;left:0;position:absolute;right:0;top:0;z-index:10}.wp-block-uagb-container.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:flex;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}.wp-block-uagb-container .wp-block-uagb-blockquote,.wp-block-uagb-container .wp-block-spectra-pro-login,.wp-block-uagb-container .wp-block-spectra-pro-register{margin:unset}.wp-block-uagb-container .uagb-container__video-wrap{height:100%;width:100%;top:0;left:0;position:absolute;overflow:hidden;-webkit-transition:opacity 1s;-o-transition:opacity 1s;transition:opacity 1s}.wp-block-uagb-container .uagb-container__video-wrap video{max-width:100%;width:100%;height:100%;margin:0;line-height:1;border:none;display:inline-block;vertical-align:baseline;-o-object-fit:cover;object-fit:cover;background-size:cover}.wp-block-uagb-container.uagb-layout-grid{display:grid;width:100%}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap{display:inherit;width:inherit}.wp-block-uagb-container.uagb-layout-grid>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.uagb-is-root-container>.wp-block-uagb-container{max-width:unset !important;width:unset !important}.wp-block-uagb-container.uagb-layout-grid.alignwide.uagb-is-root-container{margin-left:auto;margin-right:auto}.wp-block-uagb-container.uagb-layout-grid.alignfull.uagb-is-root-container .uagb-container-inner-blocks-wrap{display:inherit;position:relative;box-sizing:border-box;margin-left:auto !important;margin-right:auto !important}body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-info-box),body .wp-block-uagb-container>.uagb-container-inner-blocks-wrap,body .wp-block-uagb-container>*:not(.wp-block-uagb-container):not(.wp-block-uagb-column):not(.wp-block-uagb-container):not(.wp-block-uagb-section):not(.uagb-container__shape):not(.uagb-container__video-wrap):not(.wp-block-spectra-pro-register):not(.wp-block-spectra-pro-login):not(.uagb-slider-container):not(.spectra-container-link-overlay):not(.spectra-image-gallery__control-lightbox):not(.wp-block-uagb-lottie):not(.uagb-faq__outer-wrap){min-width:unset !important;width:100%;position:relative}body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>.wp-block-uagb-container ol,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap>ul,body .ast-container .wp-block-uagb-container>.uagb-container-inner-blocks-wrap ol{max-width:-webkit-fill-available;margin-block-start:0;margin-block-end:0;margin-left:20px}.ast-plain-container .editor-styles-wrapper .block-editor-block-list__layout.is-root-container .uagb-is-root-container.wp-block-uagb-container.alignwide{margin-left:auto;margin-right:auto}.uagb-container__shape{overflow:hidden;position:absolute;left:0;width:100%;line-height:0;direction:ltr}.uagb-container__shape-top{top:-3px}.uagb-container__shape-bottom{bottom:-3px}.uagb-container__shape.uagb-container__invert.uagb-container__shape-bottom,.uagb-container__shape.uagb-container__invert.uagb-container__shape-top{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.uagb-container__shape.uagb-container__shape-flip svg{transform:translateX(-50%) rotateY(180deg)}.uagb-container__shape svg{display:block;width:-webkit-calc(100% + 1.3px);width:calc(100% + 1.3px);position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.uagb-container__shape .uagb-container__shape-fill{-webkit-transform-origin:center;-ms-transform-origin:center;transform-origin:center;-webkit-transform:rotateY(0deg);transform:rotateY(0deg)}.uagb-container__shape.uagb-container__shape-above-content{z-index:9;pointer-events:none}.nv-single-page-wrap .nv-content-wrap.entry-content .wp-block-uagb-container.alignfull{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}@media only screen and (max-width: 767px){.wp-block-uagb-container .wp-block-uagb-advanced-heading{width:-webkit-fill-available}}.wp-block-uagb-image--align-none{justify-content:center}\n.wp-block-uagb-container.uagb-block-4ef534b4 .uagb-container__shape-top svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-4ef534b4 .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-4ef534b4 .uagb-container__shape-bottom svg{width: calc( 100% + 1.3px );}.wp-block-uagb-container.uagb-block-4ef534b4 .uagb-container__shape.uagb-container__shape-bottom .uagb-container__shape-fill{fill: rgba(51,51,51,1);}.wp-block-uagb-container.uagb-block-4ef534b4 .uagb-container__video-wrap video{opacity: 1;}.wp-block-uagb-container.uagb-is-root-container .uagb-block-4ef534b4{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4ef534b4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1200px);max-width: var(--inner-content-custom-width);width: 100%;flex-direction: column;align-items: center;justify-content: center;flex-wrap: nowrap;row-gap: 20px;column-gap: 20px;}.wp-block-uagb-container.uagb-block-4ef534b4{box-shadow: 0px 0px #00000070 ;padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -30px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;overflow: visible;order: initial;border-color: inherit;row-gap: 20px;column-gap: 20px;}@media only screen and (max-width: 976px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-4ef534b4{width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4ef534b4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 1024px);max-width: var(--inner-content-custom-width);width: 100%;}.wp-block-uagb-container.uagb-block-4ef534b4{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -30px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}@media only screen and (max-width: 767px) {.wp-block-uagb-container.uagb-is-root-container .uagb-block-4ef534b4{max-width: 100%;width: 100%;}.wp-block-uagb-container.uagb-is-root-container.alignfull.uagb-block-4ef534b4 > .uagb-container-inner-blocks-wrap{--inner-content-custom-width: min( 100%, 767px);max-width: var(--inner-content-custom-width);width: 100%;flex-wrap: wrap;}.wp-block-uagb-container.uagb-block-4ef534b4{padding-top: 10px;padding-bottom: 10px;padding-left: 10px;padding-right: 10px;margin-top: -30px !important;margin-bottom: 0px !important;margin-left: 0px;margin-right: 0px;order: initial;}}.uag-blocks-common-selector{z-index:var(--z-index-desktop) !important}@media (max-width: 976px){.uag-blocks-common-selector{z-index:var(--z-index-tablet) !important}}@media (max-width: 767px){.uag-blocks-common-selector{z-index:var(--z-index-mobile) !important}}\n.wp-block-uagb-image{display:flex}.wp-block-uagb-image__figure{position:relative;display:flex;flex-direction:column;max-width:100%;height:auto;margin:0}.wp-block-uagb-image__figure img{height:auto;display:flex;max-width:100%;transition:box-shadow 0.2s ease}.wp-block-uagb-image__figure>a{display:inline-block}.wp-block-uagb-image__figure figcaption{text-align:center;margin-top:0.5em;margin-bottom:1em}.wp-block-uagb-image .components-placeholder.block-editor-media-placeholder .components-placeholder__instructions{align-self:center}.wp-block-uagb-image--align-left{text-align:left}.wp-block-uagb-image--align-right{text-align:right}.wp-block-uagb-image--align-center{text-align:center}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);max-width:100vw;width:100vw;height:auto}.wp-block-uagb-image--align-full .wp-block-uagb-image__figure img{height:auto;width:100% !important}.wp-block-uagb-image--align-wide .wp-block-uagb-image__figure img{height:auto;width:100%}.wp-block-uagb-image--layout-overlay__color-wrapper{position:absolute;left:0;top:0;right:0;bottom:0;opacity:0.2;background:rgba(0,0,0,0.5);transition:opacity 0.35s ease-in-out}.wp-block-uagb-image--layout-overlay-link{position:absolute;left:0;right:0;bottom:0;top:0}.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity:1}.wp-block-uagb-image--layout-overlay__inner{position:absolute;left:15px;right:15px;bottom:15px;top:15px;display:flex;align-items:center;justify-content:center;flex-direction:column;border-color:#fff;transition:0.35s ease-in-out}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.top-center,.wp-block-uagb-image--layout-overlay__inner.top-right{justify-content:flex-start}.wp-block-uagb-image--layout-overlay__inner.bottom-left,.wp-block-uagb-image--layout-overlay__inner.bottom-center,.wp-block-uagb-image--layout-overlay__inner.bottom-right{justify-content:flex-end}.wp-block-uagb-image--layout-overlay__inner.top-left,.wp-block-uagb-image--layout-overlay__inner.center-left,.wp-block-uagb-image--layout-overlay__inner.bottom-left{align-items:flex-start}.wp-block-uagb-image--layout-overlay__inner.top-right,.wp-block-uagb-image--layout-overlay__inner.center-right,.wp-block-uagb-image--layout-overlay__inner.bottom-right{align-items:flex-end}.wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{color:#fff;transition:transform 0.35s, opacity 0.35s ease-in-out;transform:translate3d(0, 24px, 0);margin:0;line-height:1em}.wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width:30%;border-top-width:2px;border-top-color:#fff;border-top-style:solid;margin-bottom:10px;opacity:0;transition:transform 0.4s, opacity 0.4s ease-in-out;transform:translate3d(0, 30px, 0)}.wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity:0;overflow:visible;color:#fff;transition:transform 0.45s, opacity 0.45s ease-in-out;transform:translate3d(0, 35px, 0)}.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-heading,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-separator,.wp-block-uagb-image--layout-overlay__inner:hover .uagb-image-caption{opacity:1;transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-zoomin .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:scale(1.05)}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure .wp-block-uagb-image--layout-overlay__color-wrapper{width:calc(100% + 40px) !important;max-width:none !important;transform:translate3d(-40px, 0, 0);transition:transform 0.35s ease-in-out}.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover img,.wp-block-uagb-image--effect-slide .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{transform:translate3d(0, 0, 0)}.wp-block-uagb-image--effect-grayscale img{filter:grayscale(0%);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-grayscale:hover img{filter:grayscale(100%)}.wp-block-uagb-image--effect-blur img{filter:blur(0);transition:0.35s ease-in-out}.wp-block-uagb-image--effect-blur:hover img{filter:blur(3px)}\n.uagb-block-2c4aa539.wp-block-uagb-image--layout-default figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure figcaption{font-style: normal;align-self: center;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay figure img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 0.2;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner{left: 15px;right: 15px;top: 15px;bottom: 15px;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading{font-style: normal;color: #fff;opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-heading a{color: #fff;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 0;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__color-wrapper{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{width: 30%;border-top-width: 2px;border-top-color: #fff;opacity: 0;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-caption{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure:hover .wp-block-uagb-image--layout-overlay__inner .uagb-image-separator{opacity: 1;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-default figure:hover img{box-shadow: 0px 0px 0 #00000070;}.uagb-block-2c4aa539.wp-block-uagb-image--layout-overlay figure:hover img{box-shadow: 0px 0px 0 #00000070;}@media only screen and (max-width: 976px) {.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}}@media only screen and (max-width: 767px) {.uagb-block-2c4aa539.wp-block-uagb-image .wp-block-uagb-image__figure img{width: px;height: auto;}}\";s:2:\"js\";s:0:\"\";s:18:\"current_block_list\";a:12:{i:0;s:14:\"uagb\/container\";i:1;s:9:\"core\/html\";i:2;s:14:\"core\/paragraph\";i:3;s:11:\"core\/search\";i:4;s:10:\"core\/group\";i:5;s:12:\"core\/heading\";i:6;s:17:\"core\/latest-posts\";i:7;s:20:\"core\/latest-comments\";i:8;s:13:\"core\/archives\";i:9;s:15:\"core\/categories\";i:10;s:10:\"uagb\/image\";i:11;s:10:\"core\/image\";}s:8:\"uag_flag\";b:1;s:11:\"uag_version\";s:10:\"1775574106\";s:6:\"gfonts\";a:0:{}s:10:\"gfonts_url\";s:0:\"\";s:12:\"gfonts_files\";a:0:{}s:14:\"uag_faq_layout\";b:0;}"],"rank_math_news_sitemap_robots":["index"],"rank_math_robots":["a:1:{i:0;s:5:\"index\";}"],"rank_math_internal_links_processed":["1"],"_uag_css_file_name":["uag-css-699.css"]},"uagb_featured_image_src":{"full":false,"thumbnail":false,"medium":false,"medium_large":false,"large":false,"1536x1536":false,"2048x2048":false},"uagb_author_info":{"display_name":"Matthieu","author_link":"https:\/\/hodronn.fr\/author\/matthieu\/"},"uagb_comment_info":0,"uagb_excerpt":"Tarifs – Hodr\u00f8nn Tarification Des tarifs transparents Choisissez la formule qui correspond \u00e0 votre activit\u00e9 et \u00e9voluez \u00e0 votre rythme. […]","_links":{"self":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/699","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/comments?post=699"}],"version-history":[{"count":49,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/699\/revisions"}],"predecessor-version":[{"id":1477,"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/pages\/699\/revisions\/1477"}],"wp:attachment":[{"href":"https:\/\/hodronn.fr\/index.php\/wp-json\/wp\/v2\/media?parent=699"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}