document.write('<form method="post" action="//newsletter.infomaniak.com/external/submit" class="inf-form" target="_blank"><input type="email" name="email" style="display:none" /><input type="hidden" name="key" value="eyJpdiI6InV6WVZFRmtyVkdjKzVTN1ArTUFZZVIxQkVuNkcxM2hya2Z4aTBSaWlrQkU9IiwidmFsdWUiOiJNNFwvXC8zd1wvTkp3enBRYTZjOGMzQ1JaNEhPcTBlMUp1Q3ZvTkwzbGdvMUVFPSIsIm1hYyI6Ijk2NWQ4MTI2NjY3MmI0Yjk0NTQ3YWRmOGNmYWFhMDkyNjRiNGU4ZjdhZTQ5YjA1OGJjMTY1NmZjNjY2MGFlZDgifQ=="><input type="hidden" name="webform_id" value="10896"><style> .inf-main_5c0e95e193a3987b6a354b3b62180fc0{ background-color:#5B3D2F; padding:25px 20px; margin:25px auto; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-content { margin-top:13px;} .inf-main_5c0e95e193a3987b6a354b3b62180fc0 h4, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 span, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 label, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 input, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-submit, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-success p a { color:#ffffff; font-size:14px; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 h4, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 label{ font-weight:bold; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input { margin-bottom:7px; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 label { display:block;} .inf-main_5c0e95e193a3987b6a354b3b62180fc0 input{ height:35px; color:#999999; border: 1px solid #E9E9E9; padding-left:7px; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input.inf-error label, .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input input { width:100%;} .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-input.inf-error span.inf-message { display: block; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-submit { text-align:right;} .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-submit input{ background-color:#ACBA55; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main_5c0e95e193a3987b6a354b3b62180fc0 .inf-submit input.disabled{ opacity: 0.4; } .inf-btn { color: rgb(85, 85, 85); border: medium none; font-weight: normal; height: auto; padding: 7px; display: inline-block; background-color: white; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.24); border-radius: 2px; line-height: 1em; } .inf-rgpd { margin:25px 0px 15px 0px; color:#ffffff; } </style> <div class="inf-main_5c0e95e193a3987b6a354b3b62180fc0"> <h4>Je désire adhérer à l\'association BdB - Bouts de Bois</h4> <span>Compléter le formulaire pour s\'inscrire à l\'association. L\'adhésion deviendra définitive après paiement de la première cotisation.</span> <div class="inf-success" style="display:none"> <h4>Votre inscription a été enregistrée avec succès !</h4> <p> <a href="#" class="inf-btn">&laquo;</a> </p> </div> <div class="inf-content"> <div class="inf-input inf-input-text"> <input type="text" name="inf[3]" data-inf-meta = "3" data-inf-error = "Merci de renseigner une chaine de caractère" required="required" placeholder="Nom" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[2]" data-inf-meta = "2" data-inf-error = "Merci de renseigner une chaine de caractère" required="required" placeholder="Prénom" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[36187]" data-inf-meta = "36187" data-inf-error = "Ce champ est requis" placeholder="optionnel: noms des autres membres vivant sous le même toit" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[1]" data-inf-meta = "1" data-inf-error = "Merci de renseigner une adresse email" required="required" placeholder="Email" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[36184]" data-inf-meta = "36184" data-inf-error = "Ce champ est requis" required="required" placeholder="Adresse postale" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[36185]" data-inf-meta = "36185" data-inf-error = "Ce champ est requis" required="required" placeholder="NPA" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[36186]" data-inf-meta = "36186" data-inf-error = "Ce champ est requis" required="required" placeholder="Ville" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[36188]" data-inf-meta = "36188" data-inf-error = "Ce champ est requis" placeholder="Intérêt principal: atelier partagé, réseau d\'échange d\'outils... ou les deux!" > </div> <div class="inf-rgpd">Votre adresse de messagerie est uniquement utilisée pour vous contacter dans le cadre des activités de l\'association. Les données sont stockées en Suisse par Infomaniak et ne seront pas transmises à des tiers.<br /> <br /> Une fois inscrit(e), vous recevrez un email pour confirmer cette inscription. N\'oubliez pas de l\'ouvrir et de confirmer. Merci!</div> <div class="inf-submit"> <input type="submit" name="" value="S\'inscrire"> </div> </div> </div> </form>');var script_tag = document.createElement('script');script_tag.setAttribute("type","text/javascript");script_tag.setAttribute("src", "//newsletter.infomaniak.com/webforms/index.js?v=1646428600");document.getElementsByTagName("head")[0].appendChild(script_tag);