.elementor-widget-section .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-section:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-section.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-section .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-9976 .elementor-element.elementor-element-46760c1>.elementor-container{max-width:1215px}.elementor-widget-column .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-column:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-column.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-column .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-9976 .elementor-element.elementor-element-c226578>.elementor-element-populated{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-9976 .elementor-element.elementor-element-c226578>.elementor-element-populated>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-widget-heading .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-heading:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-heading.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-heading .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-widget-heading .elementor-heading-title{font-family:var(--e-global-typography-primary-font-family),Sans-serif;font-weight:var(--e-global-typography-primary-font-weight);color:var(--e-global-color-primary)}.elementor-9976 .elementor-element.elementor-element-e77448f{text-align:start}.elementor-9976 .elementor-element.elementor-element-e77448f .elementor-heading-title{font-family:"Lora",Sans-serif;font-size:35px;font-weight:100;letter-spacing:5.6px;color:#FFF}.elementor-widget-text-editor .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-text-editor:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-text-editor.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-text-editor .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-widget-text-editor{font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight);color:var(--e-global-color-text)}.elementor-widget-text-editor.elementor-drop-cap-view-stacked .elementor-drop-cap{background-color:var(--e-global-color-primary)}.elementor-widget-text-editor.elementor-drop-cap-view-framed .elementor-drop-cap,.elementor-widget-text-editor.elementor-drop-cap-view-default .elementor-drop-cap{color:var(--e-global-color-primary);border-color:var(--e-global-color-primary)}.elementor-9976 .elementor-element.elementor-element-4dc80ba{text-align:justify;font-family:"Montserrat",Sans-serif;font-size:17px;font-weight:300;text-shadow:0 0 30px rgb(0 0 0 / .3);color:#FFF}.elementor-widget-image .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-image:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-image.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-image .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-widget-image .widget-image-caption{color:var(--e-global-color-text);font-family:var(--e-global-typography-text-font-family),Sans-serif;font-weight:var(--e-global-typography-text-font-weight)}.elementor-9976 .elementor-element.elementor-element-ad4900c{width:auto;max-width:auto;top:-40px}body:not(.rtl) .elementor-9976 .elementor-element.elementor-element-ad4900c{left:741px}body.rtl .elementor-9976 .elementor-element.elementor-element-ad4900c{right:741px}.elementor-9976 .elementor-element.elementor-element-ad4900c .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center}.elementor-9976 .elementor-element.elementor-element-e0e9f8c{width:auto;max-width:auto;top:-27px}body:not(.rtl) .elementor-9976 .elementor-element.elementor-element-e0e9f8c{left:-95px}body.rtl .elementor-9976 .elementor-element.elementor-element-e0e9f8c{right:-95px}.elementor-9976 .elementor-element.elementor-element-e0e9f8c .elementor-widget-container{--e-transform-origin-x:center;--e-transform-origin-y:center}.elementor-9976 .elementor-element.elementor-element-5c81f75:not(.elementor-motion-effects-element-type-background),.elementor-9976 .elementor-element.elementor-element-5c81f75>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#DED3CF;background-image:url(https://www.studionyps.fr/wp-content/uploads/2026/02/DSCF9151-scaled.jpg);background-position:top right}.elementor-9976 .elementor-element.elementor-element-5c81f75>.elementor-container{max-width:1215px}.elementor-9976 .elementor-element.elementor-element-5c81f75{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-9976 .elementor-element.elementor-element-5c81f75>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-9976 .elementor-element.elementor-element-468e96f>.elementor-element-populated{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-9976 .elementor-element.elementor-element-468e96f>.elementor-element-populated>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-widget-html .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-html:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-html.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-html .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-widget-spacer .premium-global-badge-{{ID}}.premium-badge-text{color:var(--e-global-color-secondary)}.elementor-widget-spacer:not(.premium-gbadge-custom) .premium-global-badge-{{ID}}.premium-badge-container,.elementor-widget-spacer.premium-gbadge-custom .premium-global-badge-{{ID}}.premium-badge-container{background-color:var(--e-global-color-primary)}.elementor-widget-spacer .premium-global-badge-{{ID}}.premium-badge-icon{color:var(--e-global-color-secondary);fill:var(--e-global-color-secondary)}.elementor-9976 .elementor-element.elementor-element-bca51c5{--spacer-size:210px}@media(min-width:768px){.elementor-9976 .elementor-element.elementor-element-c226578{width:100%}.elementor-9976 .elementor-element.elementor-element-468e96f{width:100%}}@media(max-width:1200px){.elementor-9976 .elementor-element.elementor-element-e77448f{width:var(--container-widget-width,464.375px);max-width:464.375px;--container-widget-width:464.375px;--container-widget-flex-grow:0}.elementor-9976 .elementor-element.elementor-element-e77448f .elementor-heading-title{font-size:45px}}@media(max-width:1024px){.elementor-9976 .elementor-element.elementor-element-4dc80ba{text-align:justify}}@media(max-width:880px){.elementor-9976 .elementor-element.elementor-element-e77448f .elementor-heading-title{font-size:40px}}@media(max-width:767px){.elementor-9976 .elementor-element.elementor-element-e77448f .elementor-heading-title{font-size:25px;line-height:1.2em;letter-spacing:2.5px}.elementor-9976 .elementor-element.elementor-element-4dc80ba{columns:1}body:not(.rtl) .elementor-9976 .elementor-element.elementor-element-ad4900c{left:208px}body.rtl .elementor-9976 .elementor-element.elementor-element-ad4900c{right:208px}.elementor-9976 .elementor-element.elementor-element-ad4900c{top:749px;text-align:end}.elementor-9976 .elementor-element.elementor-element-ad4900c img{width:100%;max-width:100%;height:115px;border-radius:0 0 0 0}body:not(.rtl) .elementor-9976 .elementor-element.elementor-element-e0e9f8c{left:198px}body.rtl .elementor-9976 .elementor-element.elementor-element-e0e9f8c{right:198px}.elementor-9976 .elementor-element.elementor-element-e0e9f8c{top:18px;text-align:end}.elementor-9976 .elementor-element.elementor-element-e0e9f8c img{width:100%;max-width:100%;height:115px;border-radius:0 0 0 0}.elementor-9976 .elementor-element.elementor-element-5c81f75:not(.elementor-motion-effects-element-type-background),.elementor-9976 .elementor-element.elementor-element-5c81f75>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-image:url(https://www.studionyps.fr/wp-content/uploads/2026/02/DSCF9151-scaled.jpg);background-position:-577px 177px}}<!DOCTYPE html><html lang="fr"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><title>Formulaire de Contact</title><style>*{box-sizing:border-box;margin:0;padding:0}body{font-family:'Georgia',serif;background:#F5F1E8;padding:20px}.form-container{max-width:600px;margin:0 auto;background:#fff;padding:40px;border-radius:8px;box-shadow:0 2px 10px rgb(0 0 0 / .1)}h2{font-family:'Lora',Georgia,serif;font-size:28px;font-weight:300;color:#2C1810;margin-bottom:30px;text-align:center}.form-group{margin-bottom:24px}label{display:block;font-size:14px;color:#2C1810;margin-bottom:8px;font-weight:500}input[type="text"],input[type="email"],input[type="tel"],select,textarea{width:100%;padding:12px 16px;border:1px solid #D5D8DC;border-radius:4px;font-family:'Georgia',serif;font-size:14px;color:#2C1810;background:#fff;transition:border-color 0.3s}input:focus,select:focus,textarea:focus{outline:none;border-color:#8B7355}textarea{min-height:120px;resize:vertical}select{cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath fill='%232C1810' d='M6 8L0 0h12z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:36px}.required{color:#dc3232}button{width:100%;padding:14px 32px;background:#2C1810;color:#fff;border:none;border-radius:4px;font-family:'Georgia',serif;font-size:16px;cursor:pointer;transition:background 0.3s}button:hover{background:#4a3828}button:active{background:#1a0f08}.success-message{display:none;background:#f2fdf5;border:1px solid #0a875a;color:#0a875a;padding:16px;border-radius:4px;margin-bottom:20px;text-align:center}.error-message{display:none;background:#fef1f4;border:1px solid #dc2626;color:#dc2626;padding:16px;border-radius:4px;margin-bottom:20px;text-align:center}.note{font-size:12px;color:#818a96;margin-top:8px;font-style:italic}@media (max-width:768px){.form-container{padding:24px}h2{font-size:24px}}</style></head><body><div class="form-container"><h2>Parlons de ton projet 🐞</h2><div class="success-message" id="successMessage">✓ Message envoyé ! Je te réponds très vite. </div><div class="error-message" id="errorMessage">Une erreur est survenue. Écris-moi directement à contact@studionyps.fr </div><form id="contactForm" action="https://formspree.io/f/YOUR_FORM_ID" method="POST"><div class="form-group"><label for="name">Prénom <span class="required">*</span></label><input type="text" id="name" name="name" required></div><div class="form-group"><label for="email">Email <span class="required">*</span></label><input type="email" id="email" name="email" required></div><div class="form-group"><label for="phone">Téléphone</label><input type="tel" id="phone" name="phone"><p class="note">Optionnel • Pour que je puisse te rappeler si besoin</p></div><div class="form-group"><label for="type">Type de séance <span class="required">*</span></label><select id="type" name="type" required><option value="">-- Sélectionne --</option><option value="Maternité">Maternité / Grossesse</option><option value="Naissance">Naissance / Nouveau-né</option><option value="Famille">Famille</option><option value="Bain thalasso">Bain thalasso bébé</option><option value="Marques">Prestation marques</option><option value="Autre">Autre / Je ne sais pas encore</option></select></div><div class="form-group"><label for="date">Date souhaitée (approximative)</label><input type="text" id="date" name="date" placeholder="Ex: début mai, mi-juin..."><p class="note">Si tu as une idée de période</p></div><div class="form-group"><label for="message">Message <span class="required">*</span></label><textarea id="message" name="message" required placeholder="Parle-moi de ton projet, pose tes questions..."></textarea></div><button type="submit">Envoyer le message</button></form></div><script>const form=document.getElementById('contactForm');const successMessage=document.getElementById('successMessage');const errorMessage=document.getElementById('errorMessage');form.addEventListener('submit',async (e)=>{e.preventDefault();const formData=new FormData(form);try{const response=await fetch(form.action,{method:'POST',body:formData,headers:{'Accept':'application/json'}});if (response.ok){successMessage.style.display='block';errorMessage.style.display='none';form.reset();// Scroll to success message successMessage.scrollIntoView({behavior:'smooth',block:'center'});// Hide success message after 5 seconds setTimeout(()=>{successMessage.style.display='none'},5000)}else{throw new Error('Form submission failed')}}catch (error){errorMessage.style.display='block';successMessage.style.display='none'}});</script></body></html>