.breakdance .bde-section-126-201 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-201 .section-container{padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-201 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-201 .section-container{padding-bottom:0px;padding-top:0px}}.breakdance .bde-code-block-126-203{width:100%}<style>.hln-hero-sm,.hln-hero-sm *,.hln-hero-sm *::before,.hln-hero-sm *::after{box-sizing:border-box}.hln-hero-sm{position:relative;width:100vw;margin-left:calc(50% - 50vw);min-height:min(65vh,700px);display:flex;align-items:center;justify-content:center;overflow:hidden;font-family:'Inter',system-ui,-apple-system,sans-serif;isolation:isolate;contain:layout paint}.hln-hero-sm__bg{position:absolute;inset:0;z-index:0}.hln-hero-sm__bg img{width:100%;height:100%;object-fit:cover;display:block}.hln-hero-sm__bg::after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(15,15,26,0.70) 0%,rgba(15,15,26,0.55) 50%,rgba(15,15,26,0.80) 100%);pointer-events:none}.hln-hero-sm__content{position:relative;z-index:2;text-align:center;max-width:820px;padding:60px 24px 55px}.hln-hero-sm__title{font-family:'Sora',system-ui,sans-serif!important;font-size:clamp(26px,4.8vw,48px)!important;font-weight:800!important;line-height:1.15!important;letter-spacing:-0.02em!important;color:#ffffff!important;margin:0 0 20px!important}.hln-hero-sm__title span{color:#D1AD61!important}.hln-hero-sm__reassurance{font-size:clamp(13px,1.5vw,15px);font-weight:400;line-height:1.6;color:rgba(255,255,255,0.65);max-width:680px;margin:0 auto 36px}.hln-hero-sm__buttons{display:flex;flex-direction:column;align-items:center;gap:14px;margin-bottom:30px}.hln-hero-sm__btn-primary,.hln-hero-sm__btn-secondary{display:inline-block;min-width:300px;padding:16px 40px;font-family:'Sora',system-ui,sans-serif!important;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none!important;text-align:center;border-radius:50px;cursor:pointer;transition:transform 0.3s ease,background 0.3s ease,box-shadow 0.3s ease,border-color 0.3s ease;will-change:transform}.hln-hero-sm__btn-primary{background:linear-gradient(135deg,#D1AD61,#c9a96e)!important;color:#0F0F1A!important;font-weight:700;border:none}.hln-hero-sm__btn-secondary{background:transparent!important;color:#ffffff!important;font-weight:600;border:1.5px solid rgba(255,255,255,0.3)}@media (hover:hover){.hln-hero-sm__btn-primary:hover{background:linear-gradient(135deg,#e0bc6e,#d4b472)!important;box-shadow:0 8px 30px rgba(209,173,97,0.4);transform:translateY(-2px)}.hln-hero-sm__btn-secondary:hover{border-color:rgba(255,255,255,0.6);background:rgba(255,255,255,0.06)!important;transform:translateY(-2px)}}.hln-hero-sm__btn-primary:focus-visible,.hln-hero-sm__btn-secondary:focus-visible{outline:2px solid #D1AD61;outline-offset:3px}.hln-hero-sm__trust{font-family:'Sora',system-ui,sans-serif!important;font-size:14px;font-weight:600;color:#D1AD61;letter-spacing:0.3px;margin:0}@media (max-width:768px){.hln-hero-sm{min-height:55vh}.hln-hero-sm__btn-primary,.hln-hero-sm__btn-secondary{min-width:260px;padding:15px 32px;font-size:14px}}@media (max-width:480px){.hln-hero-sm{min-height:50vh}.hln-hero-sm__content{padding:40px 16px}.hln-hero-sm__reassurance{margin-bottom:28px}.hln-hero-sm__buttons{gap:12px;margin-bottom:24px}.hln-hero-sm__btn-primary,.hln-hero-sm__btn-secondary{min-width:100%;padding:14px 24px;font-size:13px}.hln-hero-sm__trust{font-size:12px}}@media (prefers-reduced-motion:reduce){.hln-hero-sm__btn-primary,.hln-hero-sm__btn-secondary{transition:none}.hln-hero-sm__btn-primary:hover,.hln-hero-sm__btn-secondary:hover{transform:none}}.breakdance .bde-section-126-171 .section-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;text-align:left}.breakdance .bde-section-126-171 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-171 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}.breakdance .bde-div-126-173{width:100%}.bde-section-129-474{padding:0!important;margin:0!important}.bde-section-129-474>.section-container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}.hn-trust{width:100vw;position:relative;left:50%;transform:translateX(-50%);background:#FAFAFA;padding:48px 0;overflow:hidden;box-sizing:border-box}.hn-trust-label{text-align:center;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;color:#999;margin:0 0 32px;text-transform:uppercase}.hn-trust-track{display:flex;width:max-content;animation:trustScroll 25s linear infinite}.hn-trust-slide{display:flex;align-items:center;gap:65px;padding:0 32px}.hn-trust-slide img{height:25px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:0.55;transition:filter 0.3s ease,opacity 0.3s ease}.hn-trust-slide img:hover{filter:grayscale(0%);opacity:1}@keyframes trustScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (min-width:1440px){.hn-trust{padding:56px 0}.hn-trust-label{font-size:14px;letter-spacing:3.5px;margin-bottom:40px}.hn-trust-slide{gap:80px;padding:0 40px}.hn-trust-slide img{height:30px}}@media (min-width:1920px){.hn-trust{padding:64px 0}.hn-trust-label{font-size:15px;letter-spacing:4px;margin-bottom:48px}.hn-trust-slide{gap:100px;padding:0 50px}.hn-trust-slide img{height:30px}.hn-trust-track{animation-duration:35s}}@media (min-width:2560px){.hn-trust{padding:80px 0}.hn-trust-label{font-size:16px;letter-spacing:4.5px;margin-bottom:56px}.hn-trust-slide{gap:120px;padding:0 60px}.hn-trust-slide img{height:40px}.hn-trust-track{animation-duration:45s}}@media (max-width:768px){.hn-trust{padding:36px 0}.hn-trust-slide{gap:48px}.hn-trust-slide img{height:30px}}@media (max-width:480px){.hn-trust{padding:28px 0}.hn-trust-slide{gap:36px}.hn-trust-slide img{height:28px}.hn-trust-label{font-size:11px;letter-spacing:2px;margin-bottom:24px}}.breakdance .bde-section-126-119 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-119 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-119 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-119 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-119 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-121{width:100%}.breakdance .bde-div-126-121{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:767px){.breakdance .bde-div-126-121{width:100%}}.breakdance .bde-code-block-126-120{width:100%}<style>.hn-devis-why{background:#FFF;padding:80px 60px;font-family:'Inter',sans-serif}.hn-devis-why-inner{max-width:1080px;margin:0 auto}.hn-devis-why-header{text-align:center;margin-bottom:56px}.hn-devis-why-label{font-size:12px;font-weight:600;color:#C9A96E;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 12px}.hn-devis-why h2{font-size:40px;font-weight:700;color:#1A1A2E;margin:0;line-height:50px}.hn-devis-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.hn-devis-why-card{background:#FAFAFC;border:1px solid #E5E8EB;border-radius:16px;overflow:hidden;transition:transform 0.2s ease,box-shadow 0.2s ease}.hn-devis-why-card:hover{transform:translateY(-4px);box-shadow:0 12px 32px rgba(0,0,0,0.06)}.hn-devis-why-card-img{width:100%;height:200px;overflow:hidden}.hn-devis-why-card-img img{width:100%;height:100%;object-fit:cover;display:block}.hn-devis-why-card-body{padding:24px}.hn-devis-why-card-title{font-size:20px;font-weight:700;color:#1A1A2E;margin:0 0 10px}.hn-devis-why-card-desc{font-size:14px;font-weight:400;color:#6B7380;line-height:22px;margin:0}@media (max-width:768px){.hn-devis-why{padding:48px 20px}.hn-devis-why h2{font-size:28px;line-height:36px}.hn-devis-why-grid{grid-template-columns:1fr;gap:20px}}.breakdance .bde-section-126-207 .section-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;text-align:left}.breakdance .bde-section-126-207 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-207 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}.breakdance .bde-code-block-126-208{width:100%}.bde-section-129-474{padding:0!important;margin:0!important}.bde-section-129-474>.section-container{max-width:100%!important;padding:0!important;margin:0!important;width:100%!important}.hn-trust{width:100vw;position:relative;left:50%;transform:translateX(-50%);background:#FAFAFA;padding:48px 0;overflow:hidden;box-sizing:border-box}.hn-trust-label{text-align:center;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:3px;color:#999;margin:0 0 32px;text-transform:uppercase}.hn-trust-track{display:flex;width:max-content;animation:trustScroll 25s linear infinite}.hn-trust-slide{display:flex;align-items:center;gap:65px;padding:0 32px}.hn-trust-slide img{height:25px;width:auto;object-fit:contain;filter:grayscale(100%);opacity:0.55;transition:filter 0.3s ease,opacity 0.3s ease}.hn-trust-slide img:hover{filter:grayscale(0%);opacity:1}@keyframes trustScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}@media (min-width:1440px){.hn-trust{padding:56px 0}.hn-trust-label{font-size:14px;letter-spacing:3.5px;margin-bottom:40px}.hn-trust-slide{gap:80px;padding:0 40px}.hn-trust-slide img{height:30px}}@media (min-width:1920px){.hn-trust{padding:64px 0}.hn-trust-label{font-size:15px;letter-spacing:4px;margin-bottom:48px}.hn-trust-slide{gap:100px;padding:0 50px}.hn-trust-slide img{height:30px}.hn-trust-track{animation-duration:35s}}@media (min-width:2560px){.hn-trust{padding:80px 0}.hn-trust-label{font-size:16px;letter-spacing:4.5px;margin-bottom:56px}.hn-trust-slide{gap:120px;padding:0 60px}.hn-trust-slide img{height:40px}.hn-trust-track{animation-duration:45s}}@media (max-width:768px){.hn-trust{padding:36px 0}.hn-trust-slide{gap:48px}.hn-trust-slide img{height:30px}}@media (max-width:480px){.hn-trust{padding:28px 0}.hn-trust-slide{gap:36px}.hn-trust-slide img{height:28px}.hn-trust-label{font-size:11px;letter-spacing:2px;margin-bottom:24px}}.breakdance .bde-section-126-209 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-209{background-color:#0f0f1a}.breakdance .bde-section-126-209 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-209 .section-container{padding-left:0px;padding-right:0px;padding-bottom:8px;padding-top:8px}.breakdance .bde-section-126-209{border-top:1px solid;border-bottom:1px solid}@media (max-width:767px){.breakdance .bde-section-126-209 .section-container{align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-209 .section-container{height:100px}}.breakdance .bde-advancedslider-126-210 .breakdance-swiper-wrapper{padding:0}@media (max-width:1119px){.breakdance .bde-advancedslider-126-210 .breakdance-swiper-wrapper{padding:0}}@media (max-width:1023px){.breakdance .bde-advancedslider-126-210 .breakdance-swiper-wrapper{padding:0}}@media (max-width:767px){.breakdance .bde-advancedslider-126-210 .breakdance-swiper-wrapper{padding:0}}@media (max-width:479px){.breakdance .bde-advancedslider-126-210 .breakdance-swiper-wrapper{padding:0}}.breakdance .bde-advancedslide-126-211 .advanced-slider__slide{padding:8px 0px 8px 0px}.breakdance .bde-advancedslide-126-211 .advanced-slider__slide{display:flex;flex-direction:column}.breakdance .bde-text-126-212{color:#d1ad61;font-size:40px}@media (max-width:767px){.breakdance .bde-text-126-212{font-size:22px}}.breakdance .bde-text-126-213{color:#d1ad61;font-size:13px}@media (max-width:767px){.breakdance .bde-text-126-213{font-size:13px}}.breakdance .bde-advancedslide-126-214 .advanced-slider__slide{padding:0px 0px 0px 0px}.breakdance .bde-advancedslide-126-214 .advanced-slider__slide{display:flex;flex-direction:column}.breakdance .bde-text-126-215{color:#d1ad61;font-size:40px}@media (max-width:767px){.breakdance .bde-text-126-215{font-size:22px}}.breakdance .bde-text-126-216{color:#d1ad61;font-size:13px}@media (max-width:767px){.breakdance .bde-text-126-216{font-size:13px}}.breakdance .bde-advancedslide-126-217 .advanced-slider__slide{padding:0px 0px 0px 0px}.breakdance .bde-advancedslide-126-217 .advanced-slider__slide{display:flex;flex-direction:column}.breakdance .bde-text-126-218{color:#d1ad61;font-size:40px}@media (max-width:767px){.breakdance .bde-text-126-218{font-size:22px}}.breakdance .bde-text-126-219{color:#d1ad61;font-size:13px}@media (max-width:767px){.breakdance .bde-text-126-219{font-size:13px}}.breakdance .bde-advancedslide-126-220 .advanced-slider__slide{padding:0px 0px 0px 0px}.breakdance .bde-advancedslide-126-220 .advanced-slider__slide{display:flex;flex-direction:column}.breakdance .bde-text-126-221{color:#d1ad61;font-size:40px}@media (max-width:767px){.breakdance .bde-text-126-221{font-size:22px}}.breakdance .bde-text-126-222{color:#d1ad61;font-size:13px}@media (max-width:767px){.breakdance .bde-text-126-222{font-size:13px}}.breakdance .bde-section-126-122 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-122{background-color:var(--bde-palette-color-2-a2c633f2-1876-4603-ba6d-0e8ffe431374)}.breakdance .bde-section-126-122 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-122 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-122 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-123{width:80%}.breakdance .bde-div-126-123{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:767px){.breakdance .bde-div-126-123{width:100%}}.breakdance .bde-section-126-128 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-128{background-color:var(--bde-palette-color-1-048580a9-7b41-4138-bee4-981bd0ed3097)}.breakdance .bde-section-126-128 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-128 .section-container{padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:50px}@media (max-width:767px){.breakdance .bde-section-126-128 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-129{width:80%}@media (max-width:767px){.breakdance .bde-div-126-129{width:100%}}.breakdance .bde-code-block-126-130{width:100%}<!-- HELIONEON — Page Devis :Formulaire Devis --><!-- À coller dans un bloc Code HTML Breakdance --><style>.hn-devis-form-section,.hn-devis-form-section *,.hn-devis-form-section *::before,.hn-devis-form-section *::after{box-sizing:border-box}.hn-devis-form-section{width:100%;background:#0F0F1F;font-family:'Inter',sans-serif}.hn-devis-form-inner{width:100%;max-width:900px;margin:0 auto}.hn-devis-form-header{text-align:center;margin:0 0 40px}.hn-devis-form-header h2{font-size:36px;font-weight:700;color:#C9A86E;margin:0 0 12px;line-height:1.3}.hn-devis-form-header p{font-size:16px;font-weight:400;color:#FFF;margin:0}.hn-devis-form-card{background:#FFF;border:1px solid #E5E8EB;border-radius:16px;padding:40px}.hn-devis-form-row{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}.hn-devis-form-row-full{margin:0 0 24px}.hn-devis-form-group label{display:block;font-size:13px;font-weight:600;color:#1A1A2E;margin:0 0 8px}.hn-devis-form-group input,.hn-devis-form-group select,.hn-devis-form-group textarea{width:100%;padding:12px 16px;background:#FAFAFC;border:1px solid #E5E8EB;border-radius:8px;font-family:'Inter',sans-serif;font-size:13px;font-weight:400;color:#1A1A2E;outline:none;transition:border-color 0.2s ease,box-shadow 0.2s ease;box-sizing:border-box}.hn-devis-form-group input::placeholder,.hn-devis-form-group textarea::placeholder{color:#B2B2BA}.hn-devis-form-group input:focus,.hn-devis-form-group select:focus,.hn-devis-form-group textarea:focus{border-color:#C9A96E;box-shadow:0 0 0 3px rgba(201,169,110,0.1)}.hn-devis-form-group select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%236B7380' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.hn-devis-form-group textarea{resize:vertical;min-height:80px}.hn-devis-form-upload-zone{position:relative;border:px dashed #E5E8EB;border-radius:8px;padding:32px 24px;text-align:center;cursor:pointer;transition:border-color 0.2s ease,background 0.2s ease;background:#FAFAFC}.hn-devis-form-upload-zone:hover,.hn-devis-form-upload-zone.dragover{border-color:#C9A96E;background:rgba(201,169,110,0.05)}.hn-devis-form-upload-zone input[type="file"]{position:absolute;inset:0;opacity:0;cursor:pointer}.hn-devis-form-upload-icon{font-size:28px;margin:0 0 8px}.hn-devis-form-upload-text{font-size:13px;font-weight:500;color:#1A1A2E;margin:0 0 4px}.hn-devis-form-upload-hint{font-size:11px;color:#B2B2BA;margin:0}.hn-devis-form-upload-list{margin:12px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.hn-devis-form-upload-list li{display:inline-flex;align-items:center;gap:6px;background:#FFF;border:1px solid #E5E8EB;border-radius:6px;padding:6px 12px;font-size:12px;color:#1A1A2E}.hn-devis-form-upload-list li button{background:none;border:none;color:#E65100;font-size:14px;cursor:pointer;padding:0;line-height:1}.hn-devis-form-submit-wrap{text-align:center;margin-top:32px}.hn-devis-form-submit{display:inline-block;padding:16px 48px;background:#C9A96E;color:#FFF;font-family:'Inter',sans-serif;font-size:15px;font-weight:700;border:none;border-radius:8px;cursor:pointer;transition:background 0.2s ease,transform 0.15s ease}.hn-devis-form-submit:hover{background:#C9A86E;transform:translateY(-2px)}.hn-devis-form-submit:disabled{opacity:0.6;cursor:not-allowed;transform:none}.hn-devis-form-note{text-align:center;font-size:12px;color:#B2B2BA;margin:16px 0 0}.hn-devis-form-hp{position:absolute;left:-9999px;opacity:0;height:0;width:0;overflow:hidden}.hn-devis-form-feedback{text-align:center;padding:16px 24px;border-radius:8px;font-size:14px;font-weight:500;margin:24px 0 0;display:none}.hn-devis-form-feedback.success{display:block;background:#E8F5E9;color:#2E7D32;border:8px solid #A5D6A7}.hn-devis-form-feedback.error{display:block;background:#FFF3E0;color:#E65100;border:8px solid #FFCC80}@media (max-width:768px){.hn-devis-form-section{padding:48px 20px}.hn-devis-form-header h2{font-size:26px}.hn-devis-form-card{padding:24px}.hn-devis-form-row{grid-template-columns:1fr;gap:16px}.hn-devis-form-submit{width:100%}.hn-devis-form-upload-zone{padding:24px 16px}}</style><section class="hn-devis-form-section" id="formulaire-devis"><div class="hn-devis-form-inner"><div class="hn-devis-form-header"><h2>Demandez votre devis gratuit</h2><p>Réponse sous 24h avec maquette 3D gratuite de votre néon sur mesure</p></div><form class="hn-devis-form-card" id="hn-form-devis" novalidate><!-- Honeypot anti-spam (invisible) --><div class="hn-devis-form-hp" aria-hidden="true"><input type="text" name="hn_hp" tabindex="-1" autocomplete="off"></div><!-- Ligne 1 :Nom + Email --><div class="hn-devis-form-row"><div class="hn-devis-form-group"><label for="hn-nom">Nom / Entreprise</label><input type="text" id="hn-nom" name="nom" placeholder="Votre nom ou raison sociale" required autocomplete="organization"></div><div class="hn-devis-form-group"><label for="hn-email">Email professionnel</label><input type="email" id="hn-email" name="email" placeholder="email@entreprise.com" required autocomplete="email"></div></div><!-- Ligne 2 :Téléphone + Type de projet --><div class="hn-devis-form-row"><div class="hn-devis-form-group"><label for="hn-tel">Téléphone</label><input type="tel" id="hn-tel" name="telephone" placeholder="+33 6 XX XX XX XX" autocomplete="tel"></div><div class="hn-devis-form-group"><label for="hn-type">Type de projet</label><select id="hn-type" name="type_projet"><option value="" disabled selected>Sélectionnez un type...</option><option value="enseigne">Enseigne commerciale</option><option value="decoration">Décoration intérieure</option><option value="evenement">Événement</option><option value="logo">Logo / Marque</option><option value="mariage">Mariage</option><option value="autre">Autre</option></select></div></div><!-- Ligne 3 :Texte souhaité (pleine largeur) --><div class="hn-devis-form-row-full"><div class="hn-devis-form-group"><label for="hn-texte">Texte souhaité</label><input type="text" id="hn-texte" name="texte_neon" placeholder="Le texte ou la description de votre néon" autocomplete="off"></div></div><!-- Ligne 4 :Dimensions + Budget --><div class="hn-devis-form-row"><div class="hn-devis-form-group"><label for="hn-dimensions">Dimensions estimées</label><input type="text" id="hn-dimensions" name="taille" placeholder="Ex: 80cm × 40cm" autocomplete="off"></div><div class="hn-devis-form-group"><label for="hn-budget">Budget indicatif</label><select id="hn-budget" name="budget"><option value="" disabled selected>Sélectionnez une fourchette...</option><option value="200-500">200€ — 500€</option><option value="500-1000">500€ — 1 000€</option><option value="1000-2000">1 000€ — 2 000€</option><option value="2000+">2 000€ et plus</option></select></div></div><!-- Ligne 5 :Message (pleine largeur) --><div class="hn-devis-form-row-full"><div class="hn-devis-form-group"><label for="hn-message">Message / Détails supplémentaires</label><textarea id="hn-message" name="message" placeholder="Décrivez votre projet, l'emplacement prévu, vos contraintes..." autocomplete="off"></textarea></div></div><!-- Ligne 6 :Upload fichier (pleine largeur) --><div class="hn-devis-form-row-full"><div class="hn-devis-form-group"><label>Joindre un fichier (optionnel)</label><div class="hn-devis-form-upload-zone" id="hn-upload-zone"><input type="file" id="hn-file-input" multiple accept=".jpg,.jpeg,.png,.pdf,.ai,.svg,.webp"><p class="hn-devis-form-upload-icon">📎</p><p class="hn-devis-form-upload-text">Glissez vos fichiers ici ou cliquez pour parcourir</p><p class="hn-devis-form-upload-hint">Logo,photo,croquis... (JPG,PNG,PDF,SVG,AI — max 10 Mo par fichier,5 fichiers max)</p></div><ul class="hn-devis-form-upload-list" id="hn-file-list"></ul></div></div><!-- Submit --><div class="hn-devis-form-submit-wrap"><button type="submit" class="hn-devis-form-submit" id="hn-submit-btn">Envoyer ma demande de devis</button><p class="hn-devis-form-note">Vos données restent confidentielles · Sans engagement · Réponse garantie sous 24h</p></div><!-- Message retour --><div class="hn-devis-form-feedback" id="hn-form-feedback"></div></form></div></section><script>(function(){var form=document.getElementById('hn-form-devis');var btn=document.getElementById('hn-submit-btn');var feedback=document.getElementById('hn-form-feedback');var fileInput=document.getElementById('hn-file-input');var fileList=document.getElementById('hn-file-list');var uploadZone=document.getElementById('hn-upload-zone');if (!form) return;var restUrl=(typeof hnForms !=='undefined' && hnForms.restUrl) ? hnForms.restUrl :'/wp-json/helioneon/v1/submit';var selectedFiles=[];var maxFileSize=10 * 1024 * 1024;uploadZone.addEventListener('dragover',function(e){e.preventDefault();uploadZone.classList.add('dragover')});uploadZone.addEventListener('dragleave',function(){uploadZone.classList.remove('dragover')});uploadZone.addEventListener('drop',function(e){e.preventDefault();uploadZone.classList.remove('dragover');handleFiles(e.dataTransfer.files)});fileInput.addEventListener('change',function(){handleFiles(fileInput.files);fileInput.value=''});function handleFiles(files){for (var i=0;i < files.length;i++){var file=files[i];if (file.size>maxFileSize){showFeedback('error',file.name + ' dépasse la taille maximale de 10 Mo.');continue}if (selectedFiles.length>=5){showFeedback('error','5 fichiers maximum.');break}selectedFiles.push(file)}renderFileList()}function renderFileList(){fileList.innerHTML='';selectedFiles.forEach(function(file,index){var li=document.createElement('li');var sizeMo=(file.size / 1024 / 1024).toFixed(1);li.innerHTML='<span>' + escapeHtml(file.name) + ' (' + sizeMo + ' Mo)</span>';var removeBtn=document.createElement('button');removeBtn.type='button';removeBtn.textContent='✕';removeBtn.title='Retirer';removeBtn.addEventListener('click',function(){selectedFiles.splice(index,1);renderFileList()});li.appendChild(removeBtn);fileList.appendChild(li)})}form.addEventListener('submit',function(e){e.preventDefault();feedback.className='hn-devis-form-feedback';feedback.style.display='none';feedback.textContent='';var nom=form.querySelector('[name="nom"]').value.trim();var email=form.querySelector('[name="email"]').value.trim();if (!nom || !email){showFeedback('error','Veuillez remplir au minimum votre nom et votre email.');return}if (!isValidEmail(email)){showFeedback('error','Veuillez entrer une adresse email valide.');return}btn.disabled=true;btn.textContent='Envoi en cours...';var payload=new FormData();payload.append('form_id','devis-sur-mesure');var fields=form.querySelectorAll('input:not([type="file"]):not([name="hn_hp"]), select, textarea');fields.forEach(function(field){if (field.name) payload.append(field.name,field.value)});var hp=form.querySelector('[name="hn_hp"]');if (hp) payload.append('hn_hp',hp.value);selectedFiles.forEach(function(file){payload.append('fichiers[]',file)});fetch(restUrl,{method:'POST',body:payload}) .then(function(response){return response.json()}) .then(function(data){if (data.success){// Redirection vers la page de remerciement var redirectUrl=(typeof hnForms !=='undefined' && hnForms.redirectUrl) ? hnForms.redirectUrl :null;if (redirectUrl){window.location.href=redirectUrl;return}showFeedback('success',data.message + (data.ref ? ' (Réf: ' + data.ref + ')':''));form.reset();selectedFiles=[];renderFileList()}else{showFeedback('error',data.message || 'Une erreur est survenue. Veuillez réessayer.')}}) .catch(function(){showFeedback('error','Erreur de connexion. Vérifiez votre connexion internet et réessayez.')}) .finally(function(){btn.disabled=false;btn.textContent='Envoyer ma demande de devis'})});function showFeedback(type,message){feedback.className='hn-devis-form-feedback ' + type;feedback.textContent=message;feedback.style.display='block';feedback.scrollIntoView({behavior:'smooth',block:'nearest'})}function isValidEmail(email){return /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)}function escapeHtml(str){var div=document.createElement('div');div.textContent=str;return div.innerHTML}})();.breakdance .bde-section-126-152 .section-container{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-section-126-152 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-152 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-152 .section-container{padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-156{width:100%}.breakdance .bde-div-126-156{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:767px){.breakdance .bde-div-126-156{width:100%;padding:0px 0px 0px 0px}}.breakdance .bde-code-block-126-153{width:100%}.breakdance .bde-code-block-126-153{display:flex;flex-direction:column;align-items:center;text-align:center}.breakdance .bde-section-126-198 .section-container{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:25px;text-align:left}.breakdance .bde-section-126-198 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-198 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-198 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-199{width:100%}.breakdance .bde-code-block-126-200{width:100%;background:#FFF}.breakdance .bde-section-126-125 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-125 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-125 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-125 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-126{width:80%}@media (max-width:767px){.breakdance .bde-div-126-126{width:100%}}.breakdance .bde-code-block-126-127{width:100%}.hn-devis-real,.hn-devis-real *,.hn-devis-real *::before,.hn-devis-real *::after{box-sizing:border-box}.hn-devis-real{width:100%;background:#FFF;padding:80px 60px;font-family:'Inter',sans-serif}.hn-devis-real-inner{width:100%;max-width:1320px;margin:0 auto}.hn-devis-real-header{text-align:center;margin:0 0 48px}.hn-devis-real-label{font-size:12px;font-weight:600;color:#C9A96E;text-transform:uppercase;letter-spacing:1.8px;margin:0 0 12px}.hn-devis-real h2{font-size:36px;font-weight:700;color:#1A1A2E;margin:0;line-height:1.3}.hn-devis-real-grid-top{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin:0 0 24px}.hn-devis-real-grid-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:0}.hn-devis-real-card{position:relative;background:#EBEBF0;border-radius:16px;overflow:hidden;margin:0;padding:0;transition:transform 0.3s ease}.hn-devis-real-card:hover{transform:translateY(-4px)}.hn-devis-real-card-lg{height:340px}.hn-devis-real-card-sm{height:240px;border-radius:12px}.hn-devis-real-card img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;display:block;z-index:0}.hn-devis-real-card-inner{position:relative;display:flex;align-items:flex-end;width:100%;height:100%;padding:20px;background:linear-gradient(0deg,rgba(15,15,26,0.5) 0%,transparent 50%);z-index:1}.hn-devis-real-card-name{font-size:14px;font-weight:500;color:#FFF;margin:0;text-shadow:0 1px 4px rgba(0,0,0,0.3)}.hn-devis-real-card-sm .hn-devis-real-card-name{font-size:13px}@media (max-width:768px){.hn-devis-real{padding:48px 20px}.hn-devis-real h2{font-size:26px}.hn-devis-real-grid-top,.hn-devis-real-grid-bottom{grid-template-columns:1fr;gap:16px}.hn-devis-real-card-lg{height:240px}.hn-devis-real-card-sm{height:200px}}.breakdance .bde-section-126-149 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-149{background-color:var(--bde-palette-color-2-a2c633f2-1876-4603-ba6d-0e8ffe431374)}.breakdance .bde-section-126-149 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-149 .section-container{padding-left:0px;padding-right:0px;padding-bottom:50px;padding-top:50px}@media (max-width:767px){.breakdance .bde-section-126-149 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-155{width:80%}.breakdance .bde-div-126-155{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:767px){.breakdance .bde-div-126-155{width:100%}}.faq{max-width:800px;margin:0 auto;padding:80px 24px;font-family:'Inter',sans-serif}.faq__header{text-align:center;margin-bottom:48px}.faq__label{font-size:14px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#C9A96E;margin:0 0 12px}.faq__title{font-size:32px!important;font-weight:700;color:#141416;line-height:1.2;margin:0}.faq__list{display:flex;flex-direction:column;gap:12px}.faq__item{border:1px solid #EDEDED;border-radius:12px;overflow:hidden;transition:border-color 0.3s ease}.faq__item:hover{border-color:#C9A96E}.faq__toggle{display:none}.faq__question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;user-select:none;gap:16px}h3.faq__question-text{font-size:16px;font-weight:600;color:#141416;line-height:1.4;margin:0;padding:0;font-family:inherit}.faq__icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:rgba(201,169,110,0.1);display:flex;align-items:center;justify-content:center;position:relative;transition:background 0.3s ease}.faq__icon::before,.faq__icon::after{content:'';position:absolute;background:#C9A96E;border-radius:2px;transition:transform 0.3s ease}.faq__icon::before{width:12px;height:2px}.faq__icon::after{width:2px;height:12px}.faq__answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}.faq__answer-inner{padding:0 24px 24px;font-size:15px;font-weight:400;color:#6B7380;line-height:26px}.faq__toggle:checked~.faq__question .faq__icon{background:rgba(201,169,110,0.2)}.faq__toggle:checked~.faq__question .faq__icon::after{transform:rotate(90deg);opacity:0}.faq__toggle:checked~.faq__answer{max-height:3000px}@media (max-width:768px){.faq{padding:60px 20px}.faq__title{font-size:28px!important}.faq__question{padding:16px 20px}h3.faq__question-text{font-size:15px}.faq__answer-inner{padding:0 20px 20px;font-size:14px;line-height:24px}}.breakdance .bde-code-block-126-150 .faq__item{background-color:#FFFFFF!important}@media (max-width:767px){.breakdance .bde-code-block-126-150{padding-top:50px;padding-bottom:50px}}.breakdance .bde-section-126-204 .section-container{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.breakdance .bde-section-126-204{background-color:var(--bde-palette-color-2-a2c633f2-1876-4603-ba6d-0e8ffe431374)}.breakdance .bde-section-126-204 .section-container{--bde-section-width:100%}.breakdance .bde-section-126-204 .section-container{padding-bottom:0px;padding-top:0px}@media (max-width:767px){.breakdance .bde-section-126-204 .section-container{padding-left:0px;padding-right:0px;padding-bottom:0px;padding-top:0px}}.breakdance .bde-div-126-205{width:100%}.breakdance .bde-div-126-205{display:flex;flex-direction:column;align-items:center;text-align:center}@media (max-width:767px){.breakdance .bde-div-126-205{width:100%}}.breakdance .bde-code-block-126-206{width:100%}.breakdance .bde-code-block-126-206{display:flex;flex-direction:column;align-items:center;text-align:center}.faq{max-width:800px;margin:0 auto;padding:80px 24px;font-family:'Inter',sans-serif}.faq__header{text-align:center;margin-bottom:48px}.faq__label{font-size:14px;font-weight:500;letter-spacing:3px;text-transform:uppercase;color:#C9A96E;margin:0 0 12px}.faq__title{font-size:32px!important;font-weight:700;color:#141416;line-height:1.2;margin:0}.faq__list{display:flex;flex-direction:column;gap:12px}.faq__item{border:1px solid #EDEDED;border-radius:12px;overflow:hidden;transition:border-color 0.3s ease}.faq__item:hover{border-color:#C9A96E}.faq__toggle{display:none}.faq__question{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;cursor:pointer;user-select:none;gap:16px}h3.faq__question-text{font-size:16px;font-weight:600;color:#141416;line-height:1.4;margin:0;padding:0;font-family:inherit}.faq__icon{width:28px;height:28px;flex-shrink:0;border-radius:50%;background:rgba(201,169,110,0.1);display:flex;align-items:center;justify-content:center;position:relative;transition:background 0.3s ease}.faq__icon::before,.faq__icon::after{content:'';position:absolute;background:#C9A96E;border-radius:2px;transition:transform 0.3s ease}.faq__icon::before{width:12px;height:2px}.faq__icon::after{width:2px;height:12px}.faq__answer{max-height:0;overflow:hidden;transition:max-height 0.4s ease,padding 0.4s ease}.faq__answer-inner{padding:0 24px 24px;font-size:15px;font-weight:400;color:#6B7380;line-height:26px}.faq__toggle:checked~.faq__question .faq__icon{background:rgba(201,169,110,0.2)}.faq__toggle:checked~.faq__question .faq__icon::after{transform:rotate(90deg);opacity:0}.faq__toggle:checked~.faq__answer{max-height:3000px}@media (max-width:768px){.faq{padding:60px 20px}.faq__title{font-size:28px!important}.faq__question{padding:16px 20px}h3.faq__question-text{font-size:15px}.faq__answer-inner{padding:0 20px 20px;font-size:14px;line-height:24px}}.breakdance .bde-code-block-126-206 .faq__item{background-color:#FFFFFF!important}@media (max-width:767px){.breakdance .bde-code-block-126-206{padding-top:50px;padding-bottom:50px}}