NEWSLETTER

Bienvenue sur notre newsletter pour vous y inscrire !

<!-- SendinBlue Signup Form HTML Code --><head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta name="robots" content="noindex"> <meta name="viewport" content="width=device-width, initial-scale=1" /> </head> <style> div#sib_embed_signup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;} div#sib_embed_signup .needsfilled {color: #B94A48 !important;} div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;} div#sib_embed_signup input[type=number]::-webkit-inner-spin-button, div#sib_embed_signup input[type=number]::-webkit-outer-spin-button {-webkit-appearance: none;-moz-appearance: none; margin:0; } div#sib_embed_signup input[type=number] {-moz-appearance: textfield;} div#sib_embed_signup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;} div#sib_embed_signup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;} .tipicon{cursor: pointer;padding: 3px 7px;font-size: 12px;font-weight: bold;line-height: 1.2;color: #fff;text-align: center;vertical-align: baseline;background-color: #999;border-radius: 10px;text-decoration: none;} .tooltip{display: inline;position: absolute;left: 97%;} .tooltip:hover:after{background: #333;background: rgba(0,0,0,.8);border-radius: 5px;color: #fff;content: attr(data-title);right: -2px;bottom: 26px;padding: 5px 15px;position: absolute;z-index: 98;width: 220px;} .tooltip_small:hover:after{padding: 5px 5px; width: 150px;} .tooltip:hover:before{border: solid;border-color: #333 transparent;border-width: 6px 6px 0 6px;bottom: 20px;content: "";left: 1px;position: absolute;z-index: 99;} .sib-dropdown-menu.flag-icon {display: none;height: 100px;overflow-x: hidden;min-width: 230px;font-size: 13px;list-style: none;padding-left:14px;border:1px solid rgba(0,0,0,.15);background: white;border-radius: 4px;margin-top:10px;} .sib-dropdown-menu.flag-icon li a{display: block;white-space: nowrap;text-decoration: none;color: rgba(0,0,0,0.87);box-shadow: none;} .sms_field .country-block{margin-right: 3px !important;float: left;width:56px;} .icon-arrow{display: inline-block;width:0px;height: 0px;margin-left:2px;margin-top:5px;border-top:4px dashed;border-right:4px solid transparent;border-left:4px solid transparent;vertical-align: text-top;} .sib-dropdown-toggle.country-flg{display: inline-block;font-size: 13px;} body {background-Image: url('');} body {background-color: #dcdcdc;} div#sib_embed_signup .sib-container {background: rgb(252,252,252);} div#sib_embed_signup .sib-container h1 {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} div#sib_embed_signup h1.title {font-size: 40px;} div#sib_embed_signup .sib-container .forms-builder-footer, div#sib_embed_signup .sib-container .description, div#sib_embed_signup .sib-container .fake-label, div#sib_embed_signup .sib-container .row, div#sib_embed_signup .sib-container #company-name{font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} div#sib_embed_signup .forms-builder-footer,div#sib_embed_signup div.description,div#sib_embed_signup .fake-label,div#sib_embed_signup .row {font-size: 15px;} div#sib_embed_signup .sib-container .button {font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;} div#sib_embed_signup .button{font-size: 12px;} div#sib_embed_signup input {font-size: 13px;} div#sib_embed_signup .sib-containter h1 {color: #232323;} div#sib_embed_signup .sib-container {color: #ffffff;} div#sib_embed_signup .sib-container .button{color: #2c348f;} div#sib_embed_signup .sib-container .button{background: #ffffff;} div#sib_embed_signup .forms-builder-wrapper{ max-width: 350px;} div#sib_embed_signup .sib-container{ padding: 25px 15px 15px;} div#sib_embed_signup .header{ padding: 0 10px;} div#sib_embed_signup h1.title{ lineHeight: 40px;} div#sib_embed_signup h3.company-name{ lineHeight: 20px;} div#sib_embed_signup div.description{ padding: 10px 15px;} div#sib_embed_signup div.row{ padding: 10px;} div#sib_embed_signup input[type=text]{ padding: 8px 4px; width:100% !important;box-sizing: border-box;} div#sib_embed_signup input[type=number]{ padding: 8px 4px; width:100% !important;box-sizing: border-box;} div#sib_embed_signup .tooltip{ left: 98%;} div#sib_embed_signup div.message_area{ font-size: 12px;} </style> <link rel="stylesheet" href="https://my.sendinblue.com/public/theme/version4/assets/styles/style.css" /> <div id="sib_embed_signup" style="padding: 10px;"> <div class="forms-builder-wrapper" style="position:relative;margin-left: auto;margin-right: auto;"> <input type="hidden" id="sib_embed_signup_lang" value="fr"> <input type="hidden" id="sib_embed_invalid_email_message" value="Cette adresse email n'est pas valide."> <input type="hidden" name="primary_type" id="primary_type" value="email"> <div id="sib_loading_gif_area" style="position: absolute;z-index: 9999;display: none;"> <img src="https://my.sendinblue.com/public/theme/version4/assets/images/loader_sblue.gif" style="display: block;margin-left: auto;margin-right: auto;position: relative;top: 40%;"> </div> <form class="description" id="theform" name="theform" action="https://my.sendinblue.com/users/subscribeembed/js_id/2yp13/id/2" onsubmit="return false;"> <input type="hidden" name="js_id" id="js_id" value="2yp13"><input type="hidden" name="listid" id="listid" value="11"><input type="hidden" name="from_url" id="from_url" value="yes"><input type="hidden" name="hdn_email_txt" id="hdn_email_txt" value=""> <div class="sib-container rounded ui-sortable" style="border-radius: 4px; position: relative; border-width: 0px !important; border-color: transparent !important; margin: 0px; text-align: left; background: rgba(252, 252, 252, 0) none repeat scroll 0% 0%; padding: 25px 15px 15px;"> <input name="req_hid" id="req_hid" value="~PRENOM~NOM" style="font-size: 13px; font-family: "Trebuchet MS", Verdana, Tahoma, Geneva, sans-serif;" type="hidden"> <div class="header" style="padding: 0px 10px;"> <h1 class="title editable" data-editfield="newsletter_name" style="font-weight: normal; text-align: left; font-size: 40px; margin-bottom: 2px; padding: 0px; margin-top: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(35, 35, 35); display: none;" >Ma Newsletter</h1> <h3 id="company-name" style="font-weight: normal; text-align: left; font-size: 20px; margin-bottom: 12px; padding: 0px; margin-top: 0px; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); display: none;" >Par</h3> </div> <div class="description editable" data-editfield="newsletter_description" style="padding: 10px 15px; border-bottom: 1px solid rgb(204, 204, 204); font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 15px; display: none;" >Quel contenu souhaitez-vous partager avec vos contacts ? </div> <div class="view-messages" style=" margin:5px 0;"> </div> <!-- an email as primary --> <div class="primary-group email-group forms-builder-group ui-sortable" style=""> <div class="row mandatory-email" style="padding: 10px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 15px;"> <div class="lbl-tinyltr" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;" >Email<red style="color:#ff0000;">*</red></div> <input name="email" id="email" value="" style="padding: 8px 4px; width: 85%; min-width: auto;" type="text"> <div style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <!--<a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a>--> </div> </div> <div class="row" style="padding: 10px; font-size: 15px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255);"><div class="lbl-tinyltr" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;" >Prénom<red style="color:#ff0000;">*</red></div> <input name="PRENOM" id="PRENOM" value="" style="padding: 8px 4px; width: 85%; min-width: auto;" type="text"> <div class="clear" style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a> </div> </div><div class="row" style="padding: 10px; font-size: 15px; position: relative; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255);"><div class="lbl-tinyltr" style="clear: both; float: none; font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;" >Nom<red style="color:#ff0000;">*</red></div> <input name="NOM" id="NOM" value="" style="padding: 8px 4px; width: 85%; min-width: auto;" type="text"> <div class="clear" style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a> </div> </div></div> <div class="captcha forms-builder-group" style="display: none;"><div class="row" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-size: 15px; padding: 10px;"><div id="gcaptcha" style="transform: scale(0.85); margin-left: -23px;"></div></div></div> <!-- end of primary --> <div class="byline" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(255, 255, 255); font-weight: bold; font-size: 16px; text-align: center; display: block;"> <button class="button editable " type="submit" data-editfield="subscribe" style="font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; color: rgb(44, 52, 143); background: rgb(255, 255, 255) none repeat scroll 0% 0%; display: inline-block; white-space: nowrap; min-height: 30px; margin: 0px 5px 0px 0px; padding: 0px 22px; text-decoration: none; text-transform: uppercase; text-align: center; font-weight: bold; font-style: normal; font-size: 12px; cursor: pointer; border: 0px none; border-radius: 4px; vertical-align: top; height: auto; line-height: 150%;" >S'inscrire</button></div> <div style="clear:both;"></div> <div class="row forms-builder-group" style="padding:10px; font-size:15px; position:relative; font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; color:#ffffff;"><div class="lbl-tinyltr" id="sib_gdpr" style="clear:both; float:none; word-wrap: break-word;" >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 la newsletter.</div> <div class="clear" style="clear:both;"></div> <div class="hidden-btns"> <a class="btn move" href="#"><i class="fa fa-arrows"></i></a><br> <a class="btn btn-danger delete" href="#"><i class="fa fa-trash-o fa-inverse"></i></a> </div> </div></div> </form> </div> </div> <script type="text/javascript"> var sib_prefix = 'sib'; var sib_dateformat = 'dd-mm-yyyy'; </script> <script type='text/javascript' src='https://my.sendinblue.com/public/theme/version4/assets/js/src/subscribe-validate.js?v=1526904274'></script> <!-- End : SendinBlue Signup Form HTML Code -->