.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-10684 .elementor-element.elementor-element-a52a136:not(.elementor-motion-effects-element-type-background),.elementor-10684 .elementor-element.elementor-element-a52a136>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#fff0}.elementor-10684 .elementor-element.elementor-element-a52a136>.elementor-container{min-height:257px}.elementor-10684 .elementor-element.elementor-element-a52a136{overflow:hidden;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-10684 .elementor-element.elementor-element-a52a136>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.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-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-10684 .elementor-element.elementor-element-a7a608b{width:100%;max-width:100%;text-align:center}.elementor-10684 .elementor-element.elementor-element-a7a608b .elementor-heading-title{font-family:"Lora",Sans-serif;font-size:35px;font-weight:100;line-height:60px;letter-spacing:5px;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-10684 .elementor-element.elementor-element-2148e5b{width:var(--container-widget-width,99.854%);max-width:99.854%;--container-widget-width:99.854%;--container-widget-flex-grow:0;columns:1;text-align:center;font-family:"Montserrat",Sans-serif;font-size:19px;font-weight:300;line-height:22px;letter-spacing:0;text-shadow:0 0 0 rgb(0 0 0 / .3);color:#FFF}.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-10684 .elementor-element.elementor-element-d2573d7{--spacer-size:8px}.elementor-10684 .elementor-element.elementor-element-d0d2c5b:not(.elementor-motion-effects-element-type-background),.elementor-10684 .elementor-element.elementor-element-d0d2c5b>.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-10684 .elementor-element.elementor-element-d0d2c5b>.elementor-container{max-width:1260px}.elementor-10684 .elementor-element.elementor-element-d0d2c5b{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-10684 .elementor-element.elementor-element-d0d2c5b>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-10684 .elementor-element.elementor-element-ca35eed>.elementor-element-populated{transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-10684 .elementor-element.elementor-element-ca35eed>.elementor-element-populated>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-10684 .elementor-element.elementor-element-a2d13f7{--spacer-size:71px}.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-10684 .elementor-element.elementor-element-a19c7fa{--spacer-size:71px}.elementor-10684 .elementor-element.elementor-element-a6d6f09:not(.elementor-motion-effects-element-type-background),.elementor-10684 .elementor-element.elementor-element-a6d6f09>.elementor-motion-effects-container>.elementor-motion-effects-layer{background-color:#fff0}.elementor-10684 .elementor-element.elementor-element-a6d6f09>.elementor-container{min-height:338px}.elementor-10684 .elementor-element.elementor-element-a6d6f09{overflow:hidden;transition:background 0.3s,border 0.3s,border-radius 0.3s,box-shadow 0.3s}.elementor-10684 .elementor-element.elementor-element-a6d6f09>.elementor-background-overlay{transition:background 0.3s,border-radius 0.3s,opacity 0.3s}.elementor-10684 .elementor-element.elementor-element-b968d84{width:100%;max-width:100%;text-align:start}.elementor-10684 .elementor-element.elementor-element-b968d84 .elementor-heading-title{font-family:"Lora",Sans-serif;font-size:35px;font-weight:100;line-height:60px;letter-spacing:5px;color:#000}.elementor-10684 .elementor-element.elementor-element-4c28f74{--spacer-size:15px}.elementor-10684 .elementor-element.elementor-element-b307163{width:var(--container-widget-width,45%);max-width:45%;--container-widget-width:45%;--container-widget-flex-grow:0;columns:1;text-align:start;font-family:"Montserrat",Sans-serif;font-size:19px;font-weight:300;line-height:22px;letter-spacing:0;text-shadow:0 0 0 rgb(0 0 0 / .3);color:#000}.elementor-10684 .elementor-element.elementor-element-220a018{width:var(--container-widget-width,75.49%);max-width:75.49%;--container-widget-width:75.49%;--container-widget-flex-grow:0;columns:1;text-align:start;font-family:"Montserrat",Sans-serif;font-size:19px;font-weight:300;line-height:22px;letter-spacing:0;text-shadow:0 0 0 rgb(0 0 0 / .3);color:#000}.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-10684 .elementor-element.elementor-element-741fa96{width:var(--container-widget-width,24.342%);max-width:24.342%;--container-widget-width:24.342%;--container-widget-flex-grow:0;align-self:center}@media(min-width:768px){.elementor-10684 .elementor-element.elementor-element-51c5c94{width:10%}.elementor-10684 .elementor-element.elementor-element-aac1ccf{width:79.332%}.elementor-10684 .elementor-element.elementor-element-4fa8588{width:10%}.elementor-10684 .elementor-element.elementor-element-ca35eed{width:100%}.elementor-10684 .elementor-element.elementor-element-068b37e{width:10%}.elementor-10684 .elementor-element.elementor-element-698cade{width:79.332%}.elementor-10684 .elementor-element.elementor-element-9149d34{width:10%}}@media(max-width:1024px) and (min-width:768px){.elementor-10684 .elementor-element.elementor-element-aac1ccf{width:85%}.elementor-10684 .elementor-element.elementor-element-698cade{width:85%}}@media(min-width:2400px){.elementor-10684 .elementor-element.elementor-element-220a018{width:var(--container-widget-width,1375.27px);max-width:1375.27px;--container-widget-width:1375.27px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-741fa96{width:var(--container-widget-width,393px);max-width:393px;--container-widget-width:393px;--container-widget-flex-grow:0;text-align:end}}@media(max-width:1366px){.elementor-10684 .elementor-element.elementor-element-2148e5b{width:var(--container-widget-width,984.889px);max-width:984.889px;--container-widget-width:984.889px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-b307163{width:var(--container-widget-width,956.083px);max-width:956.083px;--container-widget-width:956.083px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-220a018{width:var(--container-widget-width,956.083px);max-width:956.083px;--container-widget-width:956.083px;--container-widget-flex-grow:0}}@media(max-width:1200px){.elementor-10684 .elementor-element.elementor-element-a7a608b{width:var(--container-widget-width,464.375px);max-width:464.375px;--container-widget-width:464.375px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-a7a608b .elementor-heading-title{font-size:45px}.elementor-10684 .elementor-element.elementor-element-b968d84{width:var(--container-widget-width,464.375px);max-width:464.375px;--container-widget-width:464.375px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-b968d84 .elementor-heading-title{font-size:45px}}@media(max-width:1024px){.elementor-10684 .elementor-element.elementor-element-a7a608b{width:var(--container-widget-width,654.375px);max-width:654.375px;--container-widget-width:654.375px;--container-widget-flex-grow:0}.elementor-10684 .elementor-element.elementor-element-2148e5b{text-align:center}.elementor-10684 .elementor-element.elementor-element-698cade.elementor-column>.elementor-widget-wrap{justify-content:center}.elementor-10684 .elementor-element.elementor-element-b307163{text-align:justify}.elementor-10684 .elementor-element.elementor-element-220a018{text-align:justify}.elementor-10684 .elementor-element.elementor-element-741fa96{width:var(--container-widget-width,344.363px);max-width:344.363px;--container-widget-width:344.363px;--container-widget-flex-grow:0;text-align:center}}@media(max-width:880px){.elementor-10684 .elementor-element.elementor-element-a7a608b .elementor-heading-title{font-size:40px}.elementor-10684 .elementor-element.elementor-element-b968d84 .elementor-heading-title{font-size:40px}}@media(max-width:767px){.elementor-10684 .elementor-element.elementor-element-aac1ccf.elementor-column>.elementor-widget-wrap{justify-content:center}.elementor-10684 .elementor-element.elementor-element-a7a608b .elementor-heading-title{font-size:25px}.elementor-10684 .elementor-element.elementor-element-2148e5b{--container-widget-width:447px;--container-widget-flex-grow:0;width:var(--container-widget-width,447px);max-width:447px;columns:1;text-align:start;font-size:17px;line-height:1.1em}.elementor-10684 .elementor-element.elementor-element-2148e5b p{margin-block-end:18px}.elementor-10684 .elementor-element.elementor-element-d2573d7{--spacer-size:26px}.elementor-10684 .elementor-element.elementor-element-d0d2c5b:not(.elementor-motion-effects-element-type-background),.elementor-10684 .elementor-element.elementor-element-d0d2c5b>.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}.elementor-10684 .elementor-element.elementor-element-a2d13f7{--spacer-size:15px}.elementor-10684 .elementor-element.elementor-element-a19c7fa{--spacer-size:15px}.elementor-bc-flex-widget .elementor-10684 .elementor-element.elementor-element-698cade.elementor-column .elementor-widget-wrap{align-items:center}.elementor-10684 .elementor-element.elementor-element-698cade.elementor-column.elementor-element[data-element_type="column"]>.elementor-widget-wrap.elementor-element-populated{align-content:center;align-items:center}.elementor-10684 .elementor-element.elementor-element-698cade.elementor-column>.elementor-widget-wrap{justify-content:center}.elementor-10684 .elementor-element.elementor-element-b968d84{align-self:flex-start}.elementor-10684 .elementor-element.elementor-element-b968d84 .elementor-heading-title{font-size:25px;line-height:1.4em}.elementor-10684 .elementor-element.elementor-element-4c28f74{--spacer-size:10px}.elementor-10684 .elementor-element.elementor-element-b307163{--container-widget-width:447px;--container-widget-flex-grow:0;width:var(--container-widget-width,447px);max-width:447px;columns:1;text-align:start;font-size:17px;line-height:1.1em}.elementor-10684 .elementor-element.elementor-element-b307163 p{margin-block-end:18px}.elementor-10684 .elementor-element.elementor-element-220a018{--container-widget-width:447px;--container-widget-flex-grow:0;width:var(--container-widget-width,447px);max-width:447px;columns:1;text-align:start;font-size:17px;line-height:1.1em}.elementor-10684 .elementor-element.elementor-element-220a018 p{margin-block-end:18px}.elementor-10684 .elementor-element.elementor-element-741fa96{width:var(--container-widget-width,365px);max-width:365px;--container-widget-width:365px;--container-widget-flex-grow:0;align-self:center}}.elementor-10684 .elementor-element.elementor-element-ca508ed{width:100%!important;max-width:100%!important}@media (max-width:1200px){.elementor-10684 .elementor-element.elementor-element-ca508ed{width:100%!important;max-width:100%!important;--container-widget-width:100% !important}}.elementor-10684 .elementor-section-wrap{max-width:100%!important}<!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><!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>.elementor-10684 .elementor-element.elementor-element-ca508ed{width:100%!important;max-width:100%!important}@media (max-width:1200px){.elementor-10684 .elementor-element.elementor-element-ca508ed{width:100%!important;max-width:100%!important;--container-widget-width:100% !important}}.elementor-10684 .elementor-section-wrap{max-width:100%!important}