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="eyJpdiI6IlJta2VqbjFmbVNCc3BXazkzN0dzWU5VOGdaWlFDeXFIWTMxRmhTY2ZMamM9IiwidmFsdWUiOiIzbFdHSTVncW84OXlrMXRKV2FrVEk5bVp0NTFTeHVOV1wvYVAxUnZjR3pIRT0iLCJtYWMiOiIyZGI4MzM0OTYwZWE3ZmJiYWE0ZmRhZTA2YmUwMjExYWMwNzRlZmE1Y2QyOTI5MjVhMjdiZDQ2ZmNjYjYxNjUzIn0="><input type="hidden" name="webform_id" value="5706"><style> .inf-main{ background-color:#f5f5f5; padding:25px 20px; margin:25px auto; } .inf-main .inf-content { margin-top:13px;} .inf-main h4, .inf-main span, .inf-main label, .inf-main input, .inf-main .inf-submit, .inf-main .inf-success p a { color:#555555; font-size:14px; } .inf-main h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main h4, .inf-main label{ font-weight:bold; } .inf-main .inf-input { margin-bottom:7px; } .inf-main label { display:block;} .inf-main input{ height:35px; color:#999999; border: 1px solid #E9E9E9; border:none; padding-left:7px; } .inf-main .inf-input.inf-error label, .inf-main .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main .inf-input input { width:100%;} .inf-main .inf-input.inf-error span.inf-message { display: block; } .inf-main .inf-submit { text-align:right;} .inf-main .inf-submit input{ background-color:#777777; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main .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:#555555; } </style> <div class="inf-main"> <h4>Newsletter</h4> <span>Nous serions vraiment très heureux de vous compter parmi nos abonnés.</span> <div class="inf-success" style="display:none"> <h4>Votre inscription a été enregistrée avec succès. Merci pour votre confiance !</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[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[18799]" data-inf-meta = "18799" data-inf-error = "Ce champ est requis" required="required" placeholder="Ville" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[18831]" data-inf-meta = "18831" data-inf-error = "Ce champ est requis" required="required" placeholder="Pays" > </div> <div class="inf-rgpd">En soumettant ce formulaire, j\'accepte que les informations saisies soient exploitées dans le cadre de la demande d\'information sur nos activités (nouveaux embouteillages, événements) et de la relation commerciale qui peut en découler. <br>Vous pouvez à tout moment utiliser le lien de désabonnement intégré dans chacun de nos mails.</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=1570545360");document.getElementsByTagName("head")[0].appendChild(script_tag);