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="eyJpdiI6Ill3WmZDY3hLZjBWUkhUTXp5aTFpeksrRlBmUzlrbVFVSlp2aUlqUE5ibzg9IiwidmFsdWUiOiJRYVwvUSt1OGs0a0d4UmlNYkM5VDhLTVozck1paU4rdVwvU3p4bnlPTnFPWG89IiwibWFjIjoiNTc5OWFkNTRkNDE5YTkwZWMzZjIyZDk4OTI2OTk3YjQ2Yzk0YjIzODViNTYzZWJjZmJkYmRlYjFhOWY1MDMyNCJ9"><input type="hidden" name="webform_id" value="11841"><style> .inf-main_daed210307f1dbc6f1dd9551408d999f{ background-color:#008BA0; padding:25px 20px; margin:25px auto; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-content { margin-top:13px;} .inf-main_daed210307f1dbc6f1dd9551408d999f h4, .inf-main_daed210307f1dbc6f1dd9551408d999f span, .inf-main_daed210307f1dbc6f1dd9551408d999f label, .inf-main_daed210307f1dbc6f1dd9551408d999f input, .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-submit, .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-success p a { color:#ffffff; font-size:14px; } .inf-main_daed210307f1dbc6f1dd9551408d999f h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main_daed210307f1dbc6f1dd9551408d999f h4, .inf-main_daed210307f1dbc6f1dd9551408d999f label{ font-weight:bold; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input { margin-bottom:7px; } .inf-main_daed210307f1dbc6f1dd9551408d999f label { display:block;} .inf-main_daed210307f1dbc6f1dd9551408d999f input{ height:35px; color:#999999; border: 1px solid #E9E9E9; padding-left:7px; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input.inf-error label, .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input input { width:100%;} .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-input.inf-error span.inf-message { display: block; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-submit { text-align:right;} .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-submit input{ background-color:#005F6C; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main_daed210307f1dbc6f1dd9551408d999f .inf-submit input.disabled{ opacity: 0.4; } .inf-rgpd { margin:25px 0px 15px 0px; color:#ffffff; } </style> <div class="inf-main_daed210307f1dbc6f1dd9551408d999f"> <h4>L\'ARBRE DE RECHERCHE</h4> <span>Cet arbre sur 6 générations a été pensé pour les personnes qui comme toi, ont décidé de faire elles-mêmes leurs recherches généalogiques. Tu n\'as plus qu\'à le remplir !</span> <div class="inf-success" style="display:none"> <h4>Vas voir ta boîte mail pour confirmer ton abonnement à l\'info lettre et télécharger l\'arbre de recherche ! N\'oublie pas de regarder tes spams.</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[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[1]" data-inf-meta = "1" data-inf-error = "Merci de renseigner une adresse email" required="required" placeholder="Email" > </div> <div class="inf-rgpd">En téléchargeant cette ressource, tu recevras aussi une fois par mois (pas plus, promis !) l\'infolettre de Généaludique. <br /> <br /> Ton adresse de messagerie sera uniquement utilisée pour cela. <br /> <br /> Tu peux à tout moment te désabonner grâce au lien intégré dans chaque mail.</div> <div class="inf-submit"> <input type="submit" name="" value="Valider"> </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=1647447970");document.getElementsByTagName("head")[0].appendChild(script_tag);