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="eyJpdiI6Inkrajc1Rmc5RzR2azhCTzZVU2NtSXVIRDJcL1VUTlorYXlaQTlQckJVNFFJPSIsInZhbHVlIjoiZTZcLzF1elwvd2ZwbElsVmdiRExQK05PQ2lOU0tESUhMRlF5ZXA4TmVGejhFPSIsIm1hYyI6IjVjYmQzYTQ2Mzg4Y2EyODRiNGUxNmZlMTM0NGRmNDk2OGY4MDI5M2NmMTU3YTk4M2FiY2E0ZTQ3Njk1ZDk1ZDEifQ=="><input type="hidden" name="webform_id" value="16166"><style> .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc{ background-color:#008BA0; padding:25px 20px; margin:25px auto; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-content { margin-top:13px;} .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc h4, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc span, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc label, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc input, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-submit, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-success p a { color:#ffffff; font-size:14px; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc h4{ font-size:18px; margin:0px 0px 13px 0px; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc h4, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc label{ font-weight:bold; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input { margin-bottom:7px; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc label { display:block;} .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc input{ height:35px; color:#999999; border: 1px solid #E9E9E9; padding-left:7px; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input.inf-error label, .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input.inf-error span.inf-message{ color: #cc0033; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input.inf-error input{ border: 1px solid #cc0033; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input input { width:100%;} .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-input.inf-error span.inf-message { display: block; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-submit { text-align:right;} .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-submit input{ background-color:#005F6C; color:#ffffff; border:none; font-weight: normal; height:auto; padding:7px; } .inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc .inf-submit input.disabled{ opacity: 0.4; } .inf-rgpd { margin:25px 0px 15px 0px; color:#ffffff; } </style> <div class="inf-main_d801eb0fd6c4a9a6d5f7e5c76c6a60fc"> <h4>Newsletter</h4> <span>Register to the CSCT newsletter to receive our latest news.</span> <div class="inf-success" style="display:none"> <h4>You have been successfully registered</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[55138]" data-inf-meta = "55138" data-inf-error = "Merci de renseigner une chaine de caractère" required="required" placeholder="Family name" > </div> <div class="inf-input inf-input-text"> <input type="text" name="inf[55139]" data-inf-meta = "55139" data-inf-error = "Merci de renseigner une chaine de caractère" required="required" placeholder="Given name" > </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">Your e-mail address will only be used to send you our newsletter and information about our activities. You can unsubscribe at any time using the unsubscribe link included in each of our emails.</div> <div class="inf-submit"> <input type="submit" name="" value="Register"> </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=1705099145");document.getElementsByTagName("head")[0].appendChild(script_tag);