<form method= »post » action= »https://newsletter.infomaniak.com/external/submit » class= »inf-form » target= »_blank »><input type= »email » name= »email » style= »display:none » /><input type= »hidden » name= »key » value= »eyJpdiI6InVQZUlUUlVaczhKcWM1WVFxemNEVVwvcVRnVjR2aGQzQVYxcWVqVlNYN3pvPSIsInZhbHVlIjoiWEp1QXBDUUFibWx5SkpqOVpzM2lrenN0RUpoNXBLNlFMcTVzNWhRaUxrbz0iLCJtYWMiOiIzODZmOGVlZDAxNTk3Y2FkMWFkM2JiOTRjY2U1NGQ4YTY1MTc2OTZlMzBlNjhjMGZmMDY2YzQ1ZjFkOTQ3OTQyIn0= »><input type= »hidden » name= »webform_id » value= »4563″><style> .inf-main{ background-color:#F6E191; 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:#555; 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; 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:#2C4348; 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:#555; } </style> <div class= »inf-main »> <h4>Newsletter</h4> <span>Ne manquez pas les promotions et les nouveautés que nous réservons à nos fidèles abonnés.</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 »>«</a> </p> </div> <div class= »inf-content »> <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[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-rgpd »>Votre adresse de messagerie est uniquement utilisée pour vous envoyer notre lettre d’information ainsi que des informations concernant nos activités. 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= »Inscription gratuite »> </div> </div> </div> </form>