Formulaire d'abonnement : problème de codage (MailChimp)
Fermé
Viaym
Messages postés
1
Date d'inscription
jeudi 16 juillet 2015
Statut
Membre
Dernière intervention
16 juillet 2015
-
16 juil. 2015 à 15:43
Bonjour à tous,
Je suis une novice en code (très très novice !!!).
Alors voici mon problème :
Pour mon travail je dois réaliser un questionnaire d'abonnement (newsletter) via MailChimp. Or le formulaire est très (trop) simple dans MailChimp. J'ai donc retravaillé le code (et je m'excuse d'avance pour tous les bugs que celui-ci va comporter) pour qu'il ressemble au mieux à ce que nous voulons. Cependant, il me manque encore des aspects qui ne "fonctionnent" pas :
- j'ai trois champs de ce formulaire avec des checkboxes obligatoires. Le champ obligatoire fonctionne mais pas la phrase d'erreur. Je n'arrive pas à l'implanter comme les autres avec le message "Veuillez compléter le champ"... :-/
- lorsqu'on clique sur "je m'abonne", il semble que les champs déjà enregistrés ne restent pas, pensez-vous qu'il soit possible qu'il reste en mémoire ou n'est-ce tout simplement pas possible ?
- j'aurais aimé aligner les variables "Madame" et "Monsieur" sur la même ligne, ainsi que "Homme" et "Femme", comment faut-il faire ?
- le champ "vous êtes" est super long, je voulais savoir s'il y avait moyen d'avoir un champ défilant mais permettant de cocher plusieurs variables quand même ?
- enfin, j'ai aussi l'impression que le formulaire ne marche pas tout court ! C'est-à-dire qu'on ne peut pas s'inscrire ! Ce qui est très embêtant ! Pour le coup, je ne sais pas si c'est simplement dû à une mauvaise gestion dans MailChimp ou à un manque dans le code ou à autre chose ?!
Le formulaire est accessible via le lien suivant : http://eepurl.com/bszXrr
Je m'excuse encore par avance pour toutes ces questions.
Merci beaucoup d'avance.
Et voici le code :
Je suis une novice en code (très très novice !!!).
Alors voici mon problème :
Pour mon travail je dois réaliser un questionnaire d'abonnement (newsletter) via MailChimp. Or le formulaire est très (trop) simple dans MailChimp. J'ai donc retravaillé le code (et je m'excuse d'avance pour tous les bugs que celui-ci va comporter) pour qu'il ressemble au mieux à ce que nous voulons. Cependant, il me manque encore des aspects qui ne "fonctionnent" pas :
- j'ai trois champs de ce formulaire avec des checkboxes obligatoires. Le champ obligatoire fonctionne mais pas la phrase d'erreur. Je n'arrive pas à l'implanter comme les autres avec le message "Veuillez compléter le champ"... :-/
- lorsqu'on clique sur "je m'abonne", il semble que les champs déjà enregistrés ne restent pas, pensez-vous qu'il soit possible qu'il reste en mémoire ou n'est-ce tout simplement pas possible ?
- j'aurais aimé aligner les variables "Madame" et "Monsieur" sur la même ligne, ainsi que "Homme" et "Femme", comment faut-il faire ?
- le champ "vous êtes" est super long, je voulais savoir s'il y avait moyen d'avoir un champ défilant mais permettant de cocher plusieurs variables quand même ?
- enfin, j'ai aussi l'impression que le formulaire ne marche pas tout court ! C'est-à-dire qu'on ne peut pas s'inscrire ! Ce qui est très embêtant ! Pour le coup, je ne sais pas si c'est simplement dû à une mauvaise gestion dans MailChimp ou à un manque dans le code ou à autre chose ?!
Le formulaire est accessible via le lien suivant : http://eepurl.com/bszXrr
Je m'excuse encore par avance pour toutes ces questions.
Merci beaucoup d'avance.
Et voici le code :
<!DOCTYPE html>
<!--[if lte IE 7]> <html class="ie-lte7" dir="ltr"> <![endif]-->
<!--[if lte IE 9]> <html class="ie-lte9" dir="ltr"> <![endif]-->
<!--[if !IE]><!--> <html dir="ltr"> <!--<![endif]-->
<head>
<title>Test RESPE</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<meta name="description" content="Test RESPE Email Forms">
<meta name="keywords" content="Test RESPE">
<script src="//twemoji.maxcdn.com/twemoji.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/dojo/1.8/dojo/dojo.js"></script>
<script type="text/javascript">
require([
"dojo/query",
"dojo/dom",
"dojo/dom-geometry",
"dojo/dom-class",
"dojo/dom-style",
"dojo/dom-construct",
"dijit/focus",
"dojo/parser",
"dijit/form/DateTextBox",
"dojo/NodeList-traverse",
"dojo/domReady!"
], function(query, dom, domGeom, domClass, domStyle, domConstruct, focusUtil, parser){
// Move the focused-field class to the field-group that contains the focused input.
var handle = focusUtil.watch("curNode", function(name, oldValue, newValue){
var parent = query(newValue).closest('.field-group');
if(!domClass.contains(parent, "focused-field")) {
query('.focused-field').removeClass('focused-field');
parent.addClass('focused-field');
}
});
// Add error class to parent wrapper and only show error borders on empty fields in addresses
query('.feedback.error').closest('.field-group').addClass('error');
query('.addressfield input:text[value=""]').addClass('empty');
// Focus first input of birthdayfield or phonefield-us when parent wrapper is clicked
query('div.subfields').on("click", function(e){
var firstInput = query('input', e.target)[0];
focusUtil.focus(firstInput);
});
// Prevent image blowout in IE6 since it doesn't support max-width
if (domClass.contains(query('html')[0], "ie-lte7")){
query('img').forEach(function(node){
var computedStyle = domStyle.getComputedStyle(node);
var w = domGeom.getContentBox(node, computedStyle).w;
console.log(w);
if(w >= 600){
domStyle.set(node, "width", "600px");
}
});
}
// Use native checkboxes and radio buttons outside the app
dojo.query(".radio input, .checkbox input").removeAttr("data-dojo-type");
// Render DateTextBoxes
parser.parse();
query('form').on("submit",function(e){
var invalidDate = dojo.query('.dijitTextBoxError');
if(invalidDate.length){
query('.dijitDateTextBox ~ .feedback.error').forEach(domConstruct.destroy);
invalidDate.forEach(function(node) {
domConstruct.place('<div class="feedback error"><div class="errorText">Please enter a valid date</div></div>', node, 'after');
});
e.preventDefault();
}
});
twemoji.parse(document.body, { size: 16 });
});
</script>
<script src='https://www.google.com/recaptcha/api.js' async defer></script>
<script type="text/javascript" src="http://www.google.com/jsapi"></script>
<script type="text/javascript">
// Still including jQuery to support http://downloads.mailchimp.com/js/jquery.mailcheck.min.js which is included in forms.
google.load("jquery", "1.7.1");
</script>
<script type="text/javascript" src="http://downloads.mailchimp.com/js/jquery.mailcheck.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
try {
var domains = ['abv.bg','aim.com','aol.com','aol.co.uk','arnet.com.ar','att.net','bellsouth.net','bigpond.com','bigpond.com.au','bigpond.net.au',
'bk.ru','bluewin.ch','blueyonder.co.uk','bol.com.br','bt.com','btinternet.com','cdl.com','centrum.cz','charter.net','comcast.net','cox.net',
'daum.net','earthlink.net','eircom.net','email.com','email.cz','embarqmail.com','emmis.com','facebook.com','fastmail.fm','fibertel.com.ar',
'foxmail.com','free.fr','freeserve.co.uk','games.com','gmail.com','gmx.at','gmx.ch','gmx.com','gmx.de','gmx.fr','gmx.net','google.com',
'googlemail.com','hanmail.net','hetnet.nl','home.nl','hotmail.be','hotmail.ca','hotmail.co.nz','hotmail.co.uk','hotmail.com','hotmail.com.ar',
'hotmail.com.au','hotmail.com.mx','hotmail.de','hotmail.es','hotmail.fr','hotmail.it','hotmail.nl','hp.com','hush.com','hushmail.com',
'ig.com.br','iinet.net.au','inbox.com','inbox.lv','juno.com','laposte.net','lavabit.com','libero.it','lireo.com','live.be','live.ca',
'live.co.uk','live.com','live.com.ar','live.com.au','live.com.mx','live.de','live.dk','live.fr','live.it','live.nl','live.se','love.com',
'mac.com','mail.com','mail.ru','mbm.com','me.com','mindspring.com','msn.com','mts.net','mun.ca','nate.com','naver.com','neuf.fr','nhs.net',
'nike.com','ntlworld.com','o2.co.uk','o2.pl','online.de','online.no','optonline.net','optusnet.com.au','orange.fr','orange.net','planet.nl',
'pobox.com','prodigy.net','prodigy.net.mx','ptd.net','q.com','qq.com','rambler.ru','rcn.com','rediffmail.com','roadrunner.com','rocketmail.com',
'rogers.com','safe-mail.net','sbcglobal.net','seznam.cz','sfr.fr','shaw.ca','sina.com','sky.com','skynet.be','speedy.com.ar','sympatico.ca',
't-online.de','talktalk.co.uk','talktalk.net','tds.net','telenet.be','telus.net','terra.com.br','tesco.net','tiscali.co.uk','tvcablenet.be',
'twc.com','ukr.net','uol.com.br','usa.net','verizon.net','virgin.net','virginmedia.com','volvo.com','voo.be','walla.co.il','walla.com',
'wanadoo.co.uk','wanadoo.fr','web.de','windowslive.com','windstream.net','wow.com','wowway.com','wp.pl','xero.com','xmsnet.nl','y7mail.com',
'ya.ru','yahoo.ca','yahoo.co.id','yahoo.co.in','yahoo.co.jp','yahoo.co.kr','yahoo.co.nz','yahoo.co.uk','yahoo.com','yahoo.com.ar',
'yahoo.com.au','yahoo.com.br','yahoo.com.hk','yahoo.com.mx','yahoo.com.my','yahoo.com.ph','yahoo.com.sg','yahoo.com.tw','yahoo.de',
'yahoo.es','yahoo.fr','yahoo.gr','yahoo.ie','yahoo.in','yahoo.it','yandex.ru','ybp.com','ygm.com','ymail.com','zoho.com','zol.co.zw'];
var tdomains = [];
$('#MERGE0').on('blur', function() {
var submitBtn = $('input.button:submit')[0];
if(submitBtn && submitBtn.value == "Subscribe to list"){ // Only show mailcheck warning on english forms.
$(this).mailcheck({
domains: domains,
topLevelDomains: tdomains,
suggested: function(element, suggestion) {
var msg = 'Hmm, are you sure? That\'s an uncommon domain.';
if ( $('#MERGE0_mailcheck').length == 0 ){
element.after('<div id="MERGE0_mailcheck" class="feedback"><div><strong>'+msg+'</strong></div></div>');
element.closest('.field-group').addClass('mailcheck');
}
var enteredDomain = element[0].value.trim().split('@')[1];
_gaq.push(['_trackEvent', 'mailcheck', enteredDomain, suggestion.domain]);
},
empty: function(element) {
if ( $('#MERGE0_mailcheck').length > 0 ){
$('#MERGE0_mailcheck').remove();
element.closest('.field-group').removeClass('mailcheck');
}
return;
}
});
}
});
} catch(e){ console.log(e); }
});
</script>
<style type="text/css">/* Forms */
label {
display:block;
width:auto;
margin-top:8px;
font-weight:bold;
}
.mergeRow {
padding:0 0 6px 0 !important;
clear:both;
}
.field-group {
position:relative;
margin:3px 0 12px 0;
overflow:hidden;
background:transparent !important;
}
.mergeRow-radio .field-group, .mergeRow-interests-checkboxes .field-group {margin-bottom:6px;}
input, textarea, select {
display:block;
margin:0;
padding:10px;
background:#fff;
width:100%;
border:2px solid #d0d0d0 !important;
border-radius:3px;
-webkit-appearance: none;
}
.field-group input, select, textarea, .dijitInputField {
font-size: 14px;
}
.field-group.error > input,
.field-group.error > select,
.field-group.error .addressfield input.empty,
.field-group.error .birthdayfield,
.field-group.error .subfields,
.field-group.error .datefield .dijitInputInner,
.datefield .dijitTextBoxError .dijitInputInner,
.field-group.error textarea {
border-color:#e85c41 !important;
}
textarea {
font:14px/18px 'Helvetica', Arial, sans-serif;
width:100%;
height:150px;
overflow:auto;
}
select {
background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px;
background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -webkit-gradient(linear, left top, left bottom, from(#fff), to(#f1f1f1));
background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -webkit-linear-gradient(top, #fff, #f1f1f1);
background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, -ms-linear-gradient(top, #fff, #f1f1f1);
background:#fff url(/images/icons/signup-sprite.png) no-repeat right -295px, linear-gradient(to bottom, #fff, #f1f1f1);
}
html[dir="rtl"] select {background-position:14px -295px;}
/* Firefox always displays native select arrow button, so hide the background image arrow. */
@-moz-document url-prefix() {
select {
padding: 8px;
background-position: -99px 0 !important;
-moz-appearance: none;
}
}
input:focus, textarea:focus, select:focus, .focused-field .subfields {
border-color:#5d5d5d !important;
outline:none;
}
/* Prevent Chrome's autofill yellow box shadow */
input:-webkit-autofill {
-webkit-box-shadow: 0 0 0 1000px white inset !important;
}
.field-help {
display:block;
font-weight:normal;
position:static;
float:none;
clear:both;
margin:0;
padding:0;
max-height:0;
overflow:hidden;
-webkit-transition: all .25s;
-moz-transition: all .25s;
-ms-transition: all .25s;
transition: all .25s;
}
.focused-field .field-help, input:focus + .field-help {
display:block;
padding:10px 0;
max-height:100px;
}
.field-help .help {
min-height:16px;
text-decoration: none;
}
/* Error container */
.feedback {
padding:10px 0;
line-height:16px;
font-size:14px;
}
.feedback br {display:none;}
.feedback div {
font:14px/20px 'Helvetica', Arial, sans-serif !important;
padding:0 !important;
margin:0 !important;
}
.indicates-required {text-align:right;}
.indicates-required span {
font-size:150%;
font-weight:bold;
display:inline !important;
}
.formstatus {
margin-bottom:12px;
font-size:18px;
}
.alert {
background:#e4f3d4;
border:2px solid #5ca000;
font-size:14px;
color:#4e7e0e !important;
margin:10px 0;
padding:10px;
}
/* Groups, checkboxes, radio buttons */
ul.interestgroup_field,
ul.interestgroup_field li,
ul.unsub-options,
ul.unsub-options li,
.interestgroup_row {
display:block;
padding:0;
margin:0;
list-style:none;
}
label.checkbox, label.radio {
font-weight:normal;
position:relative;
line-height:24px;
}
.checkbox input, .radio input {
width:auto !important;
display:inline-block;
margin-right:5px;
padding:0;
border:none;
background-color:transparent;
}
/* Address blocks */
.addressfield span {display:block; margin:3px 0 15px 0;}
.addressfield label {display:none;}
.cityfield {width:35%; float:left; padding-right:12px;}
.statefield {width:30%; float:left; padding-right:12px;}
.zipfield {width:35%; float:left;}
.countryfield {clear:both;}
/* Date picker */
.dijitCalendarPopup {position:absolute;}
.dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer {
cursor:pointer;
position:absolute;
top:3px;
right:2px;
background:url(/images/icons/signup-sprite.png) no-repeat 10px -235px;
height:34px;
width:42px;
opacity:.5;
padding:0 5px;
}
.dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer input {visibility:hidden;}
.dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer:hover {opacity:1;}
.dijitValidationContainer {display:none;}
/* Input placeholder color */
.dijitPlaceHolder {position:absolute; top:10px; left:10px; color:#ababab !important; font-weight:normal;}
::-webkit-input-placeholder {color:#ababab;}
:-moz-placeholder {color:#ababab; opacity:1;}
::-moz-placeholder {color:#ababab; opacity:1;}
:-ms-input-placeholder {color:#ababab;}
html[dir="rtl"] .dijitComboBox.dijitDateTextBox .dijitArrowButtonContainer {left:6px; right:auto;}
html[dir="rtl"] .dijitPlaceHolder {left:auto; right:10px;}
/* Birthday & US phone field */
.subfields {
display:block;
margin:0;
padding:8px 10px;
background:#fff;
width:100%;
border:2px solid #d0d0d0;
border-radius:3px;
color:#d0d0d0
}
.subfields input {
display:inline-block;
margin:0;
padding:0;
width:2.5em;
border:none !important;
text-align:center;
}
.subfields label {display:none;}
.phonedetail2 input {width:3.4em;}
.birthdayfield input {width:1.7em;}
/* Forward to friend */
.captcha {
float:left;
width:320px;
margin-right:20px;
min-height:150px;
}
.captcha input {display:inline;}
/* Archive list */
#archive-list {
display:block;
margin:15px 0;
padding:0;
border-top:1px solid #eee;
}
#archive-list li {
display:block;
list-style:none;
margin:0;
padding:6px 10px;
border-bottom:1px solid #eee;
}
.borderbox, .field-help, input, textarea, select {
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.hidden-from-view { left: -5000px; position: absolute; }
/* Image replacement for checkbox and radio buttons. */
/* Placing in @media block forces browsers that don't support :checked to fall back to native inputs. */
@media only screen {
.mergeRow-radio .field-group, .mergeRow-interests-checkboxes .field-group {margin:0 -6px 11px -6px;}
.checkbox, .radio {
margin:9px 0 0 0;
padding:0;
}
/* Position and hide the real checkboxes and radio buttons */
.checkbox input, .radio input {
position:absolute;
width:24px;
height:24px;
overflow:hidden;
margin:0;
padding:0;
outline:0;
opacity:0;
}
.checkbox input + span, .radio input + span {
display:block;
border-radius:3px;
padding:6px 6px 6px 38px;
}
.checkbox:hover span,
.checkbox input:focus + span,
.radio:hover span,
.radio input:focus + span {
background:rgba(0,0,0,.05);
}
/* Insert a pseudo element inside each label with a background sprite. */
.checkbox input + span:before, .radio input + span:before {
display:block;
position:absolute;
top:6px;
left:6px;
width:24px;
height:24px;
background:url(/images/icons/signup-sprite.png) no-repeat;
content:" ";
vertical-align:top;
}
/* Position the background sprite based on state of checkbox/radio. */
.radio input:focus + span:before { background-position:0 -30px; }
.radio input:checked + span:before { background-position:0 -60px; }
.radio input:checked:focus + span:before { background-position:-0 -90px; }
.checkbox input + span:before { background-position:0 -120px; }
.checkbox input:focus + span:before { background-position:0 -150px; }
.checkbox input:checked + span:before { background-position:0 -180px; }
.checkbox input:checked:focus + span:before { background-position:0 -210px; }
/* Right-to-left checkbox/radio modifications */
html[dir="rtl"] .checkbox input + span:before, html[dir="rtl"] .radio input + span:before {left:auto; right:0;}
html[dir="rtl"] .checkbox input + span, html[dir="rtl"] .radio input + span {padding:6px 38px 6px 6px;}
}
/* Use high-res sprite for retina displays */
@media (-webkit-min-device-pixel-ratio: 1.5),(min-resolution: 1.5dppx) {
.checkbox input + span:before, .radio input + span:before, .calendar-icon {
background-image:url(/images/icons/signup-sprite-2x.png);
background-size: 24px;
}
}
/* IE6 and 7 overrides */
.ie-lte7 .field-group input, .ie-lte7 .subfields {width:535px;}
.ie-lte7 .cityfield input {width:170px;}
.ie-lte7 .statefield input {width:121px;}
.ie-lte7 .zipfield input {width:170px;}
.ie-lte7 .subfields input {width:40px;}
.ie-lte7 .hidden-from-view {display:none;}
.ie-lte7 select {
display:inline-block;
width:560px;
}
/* IE doesn't support input placeholders until v10, show labels on addresses */
.ie-lte7 .addressfield label, .ie-lte9 .addressfield label {display:block; font-weight:normal; font-size:14px;}
/* Dijit styles for date picker */
.dijitPopup .dijitReset{margin:0;border:0;padding:0;font:inherit;line-height:normal;color:inherit;font-family:"Helvetica Neue",Helvetica,Arial,Verdana,sans-serif}
.dijitPopup .dj_a11y .dijitReset{-moz-appearance:none;}
.dijitPopup .dijitInline{display:inline-block;border:0;padding:0;vertical-align:middle}
.dijitPopup .dijitInline{display:inline-table;box-sizing:content-box;-moz-box-sizing:content-box}
.dijitPopup .dijitHidden{display:none !important}
.dijitPopup .dijitVisible{display:block !important;position:relative;}
.dijitPopup .dijitInputContainer{overflow:hidden;float:none !important;position:relative}
.dijitPopup .dj_ie .dijitSelect input,
.dijitPopup .dj_ie input.dijitTextBox,
.dijitPopup .dj_ie .dijitTextBox input{font-size:100%}
.dijitPopup .dijitSelect .dijitButtonText{float:left;vertical-align:top}
.dijitPopup .dijitSelect{padding:0 !important;}
.dijitPopup .dijitTextBox .dijitSpinnerButtonContainer,
.dijitPopup .dijitTextBox .dijitArrowButtonContainer,
.dijitPopup .dijitValidationTextBox .dijitValidationContainer{float:right;text-align:center}
.dijitPopup .dijitSelect input.dijitInputField,
.dijitPopup .dijitTextBox input.dijitInputField{padding-left:0 !important;padding-right:0 !important}
.dijitPopup .dijitValidationTextBox .dijitValidationContainer{display:none}
.dijitPopup .dijitTeeny{font-size:1px;line-height:1px}
.dijitPopup .dijitOffScreen{position:absolute !important;left:50% !important;top:-10000px !important}
.dijitPopup .dijitPositionOnly{padding:0 !important;border:0 !important;background-color:transparent !important;background-image:none !important;height:auto !important;width:auto !important}
.dijitPopup .dijitNonPositionOnly{float:none !important;position:static !important;margin:0 0 0 0 !important;vertical-align:middle !important}
.dijitPopup .dijitBackgroundIframe{position:absolute;left:0;top:0;width:100%;height:100%;z-index:-1;border:0;padding:0;margin:0}
.dijitPopup .dijitDisplayNone{display:none !important}
.dijitPopup .dijitContainer{overflow:hidden;}
.dijitPopup{position:absolute;background-color:transparent;margin:0;border:0;padding:0}
.dijitPopup{-webkit-box-shadow:0 6px 6px 1px rgba(0, 0, 0, 0.1);box-shadow:0 6px 6px 1px rgba(0, 0, 0, 0.1);border-radius:6px}
@media screen and (max-width:40em){
.dijitPopup{width:96% !important;left:50% !important;margin:0 auto 0 -48%}
}
.dijitPopup .dijitMenuTable{width:100% !important}
.dijitMenu{border:1px solid #000;background-color:#fff}
.dijitMenuTable{border-collapse:collapse;border-width:0;background-color:#fff}
.dj_webkit .dijitMenuTable td[colspan="2"]{border-right:hidden}
.dijitMenuItem{text-align:left;white-space:nowrap;padding:.1em .2em;cursor:pointer}
.dijitMenuItem:focus{outline:none}
.dijitMenuItemIcon,
.dijitMenuExpand{background-repeat:no-repeat}
.dijitMenuItemDisabled *{opacity:.5;cursor:default}
.dj_ie .dj_a11y .dijitMenuItemDisabled,
.dj_ie .dj_a11y .dijitMenuItemDisabled *,
.dj_ie .dijitMenuItemDisabled *{color:#808080;filter:alpha(opacity=35)}
.dijitMenuItemLabel{position:relative;vertical-align:middle}
.dj_a11y .dijitMenuItemSelected{border:1px dotted #000 !important;}
.dj_ff3 .dj_a11y .dijitMenuItem td{padding:0 !important;background:none !important}
.dj_a11y .dijitMenuItemSelected .dijitMenuItemLabel{border-width:1px;border-style:solid}
.dj_ie8 .dj_a11y .dijitMenuItemLabel{position:static}
.dijitMenuExpandA11y{display:none}
.dj_a11y .dijitMenuExpandA11y{display:inline}
.dijitMenuSeparator td{border:0;padding:0}
.dijitMenuSeparatorTop{height:50%;margin:0;margin-top:3px;font-size:1px}
.dijitMenuSeparatorBottom{height:50%;margin:0;margin-bottom:3px;font-size:1px}
.dijitCheckedMenuItemIconChar{vertical-align:middle;visibility:hidden}
.dijitCheckedMenuItemChecked .dijitCheckedMenuItemIconChar{visibility:visible}
.dj_a11y .dijitCheckedMenuItemIconChar{display:inline !important}
.dj_a11y .dijitCheckedMenuItemIcon{display:none}
.dj_ie .dj_a11y .dijitMenuBar .dijitMenuItem{margin:0}
.dijitCalendarContainer{width:auto;}
.dijitCalendarContainer th,
.dijitCalendarContainer td{padding:0;vertical-align:middle}
.dijitCalendarYearLabel{white-space:nowrap;}
.dijitCalendarNextYear{margin:0 0 0 .55em}
.dijitCalendarPreviousYear{margin:0 .55em 0 0}
.dijitCalendarIncrementControl{vertical-align:middle}
.dijitCalendarIncrementControl,
.dijitCalendarDateTemplate,
.dijitCalendarMonthLabel,
.dijitCalendarPreviousYear,
.dijitCalendarNextYear{cursor:pointer}
.dijitCalendarDisabledDate{color:#808080;text-decoration:line-through;cursor:default}
.dijitSpacer{position:relative;height:1px;overflow:hidden;visibility:hidden}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel{text-align:center}
.dijitCalendar{border:solid 1px #cfcfcf;background-color:#fff;text-align:center;padding:18px;border-radius:6px;border-collapse:separate}
.dijitCalendar img{border:none}
.dijitCalendarMonthContainer th{text-align:center;vertical-align:middle}
.dijitCalendarMonthLabel{color:#595959;font-size:.9375em;font-weight:bold;padding:6px 12px}
.dijitA11ySideArrow{display:none}
.dijitCalendarArrow{cursor:pointer;border:1px solid transparent;position:relative;}
.dijitCalendarArrow img {display:none;}
.dijitCalendarArrow:hover{background-color:#f2f2f2;border-color:#d0d0d0}
.dijitCalendarArrow:after{content:" "; width:0; height:0; border:6px solid transparent; border-left:6px solid #333; display:block; position:absolute; top:25%; left:45%}
.dijitCalendarArrow:first-child:before{content:" "; width:0; height:0; border:6px solid transparent; border-right:6px solid #333; display:block; position:absolute; top:25%; left:45%}
.dijitCalendarArrow:first-child:after{border:none;}
.dijitCalendarCurrentDate {background:#eee;}
.dijitCalendarDayLabelTemplate{text-align:center;font-weight:bold;padding:8px 12px}
.dijitCalendarDayLabel{font-weight:bold;font-size:.9375em;text-align:center;color:#595959}
.dijitCalendarDateTemplate{border-bottom:0 none;font-size:.9375em;font-weight:500;letter-spacing:.05em;text-align:center;color:#595959}
.dijitCalendarPreviousMonth,
.dijitCalendarNextMonth{border-bottom:0 none}
.dijitCalendarDateTemplate .dijitCalendarDateLabel{text-decoration:none;display:block;padding:6px 10px;border:1px solid transparent;-webkit-transition-property:background-color,border;-ms-transition-property:background-color,border;transition-property:background-color,border;-webkit-transition-duration:.35s;-ms-transition-duration:.35s;transition-duration:.35s}
.dijitCalendarPreviousMonth .dijitCalendarDateLabel,
.dijitCalendarNextMonth .dijitCalendarDateLabel{color:#ababab;border-color:#fff;}
.dijitCalendarYearContainer{vertical-align:middle}
.dijitCalendarYearControl{padding:1px 2px 2px 2px}
.dijitCalendarYearLabel{padding:8px 0 0;margin:0;font-size:.9375em}
.dijitCalendarYearLabel span{vertical-align:middle}
.dijitCalendarSelectedYear{padding:0 6px;font-size:.9375em;color:#52bad5}
.dijitCalendarNextYear,
.dijitCalendarPreviousYear{font-size:.9375em;border:1px solid transparent;padding:6px 12px}
.dijitCalendarHoveredDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:hover .dijitCalendarDateLabel{background-color:#b1e0ec;border:solid 1px #52bad5;color:#595959;-webkit-transition-duration:.2s;-ms-transition-duration:.2s;transition-duration:.2s}
.dijitCalendarNextYearHover,
.dijitCalendarNextYear:hover,
.dijitCalendarPreviousYearHover,
.dijitCalendarPreviousYear:hover{color:#595959;background-color:#f2f2f2;border-color:#d0d0d0}
.dijitCalendarNextYearActive,
.dijitCalendarNextYear:active .dijitCalendarPreviousYearActive,
.dijitCalendarPreviousYear:active{background-color:#c7c7c7}
.dijitCalendarActiveDate .dijitCalendarDateLabel,
.dijitCalendarEnabledDate:active .dijitCalendarDateLabel{border:solid 1px #fff;-webkit-transition-duration:.1s;-ms-transition-duration:.1s;transition-duration:.1s}
.dijitCalendarSelectedDate .dijitCalendarDateLabel{color:#595959;background-color:#b1e0ec;border:solid 1px #52bad5}
.dijitCalendarDisabledDate .dijitCalendarDateLabel{color:#808080;text-decoration:line-through}
.dijitCalendar .dijitDropDownButton{margin:0;background-color:transparent}
.dijitCalendar .dijitDropDownButtonHover .dijitButtonNode,
.dijitCalendar .dijitDropDownButton:hover .dijitButtonNode{background-color:transparent;border:0 none}
.dijitCalendarMonthMenu{border-color:#ababab;background-color:#fff;text-align:center;background-image:none}
.dijitCalendarMonthMenu .dijitCalendarMonthLabel{border-top:solid 1px transparent;border-bottom:solid 1px transparent}
.dijitCalendarMonthMenu .dijitCalendarMonthLabelHover,
.dijitCalendarMonthMenu .dijitCalendarMonthLabel:hover{background-color:#b1e0ec;border-color:#52bad5;border-width:1px 0}
.dijitTooltip{display:none !important;}
</style><style type="text/css">
body{
font:14px/20px 'Helvetica', Arial, sans-serif;
margin:0;
padding:75px 0 0 0;
text-align:center;
-webkit-text-size-adjust:none;
}
p{
padding:0 0 10px 0;
}
h1 img{
max-width:100%;
height:auto !important;
vertical-align:bottom;
}
h2{
font-size:22px;
line-height:28px;
margin:0 0 12px 0;
}
h3{
margin:0 0 12px 0;
}
.headerBar{
background:none;
padding:0;
border:none;
}
.wrapper{
width:600px;
margin:0 auto 10px auto;
text-align:left;
}
input.button{
border:none !important;
}
.button{
display:inline-block;
font-weight:500;
font-size:16px;
line-height:42px;
font-family:'Helvetica', Arial, sans-serif;
width:auto;
white-space:nowrap;
height:42px;
margin:12px 5px 12px 0;
padding:0 22px;
text-decoration:none;
text-align:center;
cursor:pointer;
border:0;
border-radius:3px;
vertical-align:top;
}
.button span{
display:inline;
font-family:'Helvetica', Arial, sans-serif;
text-decoration:none;
font-weight:500;
font-style:normal;
font-size:16px;
line-height:42px;
cursor:pointer;
border:none;
}
.rounded6{
border-radius:6px;
}
.poweredWrapper{
padding:20px 0;
width:560px;
margin:0 auto;
}
.poweredBy{
display:block;
}
span.or{
display:inline-block;
height:32px;
line-height:32px;
padding:0 5px;
margin:5px 5px 0 0;
}
.clear{
clear:both;
}
.profile-list{
display:block;
margin:15px 20px;
padding:0;
list-style:none;
border-top:1px solid #eee;
}
.profile-list li{
display:block;
margin:0;
padding:5px 0;
border-bottom:1px solid #eee;
}
html[dir=rtl] .wrapper,html[dir=rtl] .container,html[dir=rtl] label{
text-align:right !important;
}
html[dir=rtl] ul.interestgroup_field label{
padding:0;
}
html[dir=rtl] ul.interestgroup_field input{
margin-left:5px;
}
html[dir=rtl] .hidden-from-view{
right:-5000px;
left:auto;
}
body,#bodyTable{
background-color:#92806c;
}
h1{
font-size:28px;
margin-bottom:30px;
margin-top:0;
padding:0;
}
#templateContainer{
background-color:none;
}
#templateBody{
background-color:#f4f2f0;
}
.bodyContent{
line-height:150%;
font-family:Helvetica;
font-size:14px;
color:#333333;
padding:20px;
}
a:link,a:active,a:visited,a{
color:#3a3a3a;
}
.button:link,.button:active,.button:visited,.button,.button span{
background-color:#3a3a3a !important;
color:#ffffff !important;
}
.button:hover{
background-color:#3a3a3a !important;
color:#ffffff !important;
}
label{
line-height:100%;
font-family:Helvetica;
font-size:14px;
color:#3a3a3a;
}
.field-group input,select,textarea,.dijitInputField{
font-family:Helvetica;
color:#3a3a3a !important;
}
.asterisk{
color:#d36e0f;
font-size:20px;
}
label .asterisk{
visibility:visible;
}
.indicates-required{
display:none;
}
.field-help{
color:#777;
}
.error,.errorText{
color:#d12d0d;
font-weight:normal;
}
@media (max-width: 620px){
body{
width:100%;
-webkit-font-smoothing:antialiased;
padding:10px 0 0 0 !important;
min-width:300px !important;
}
} @media (max-width: 620px){
.wrapper,.poweredWrapper{
width:auto !important;
max-width:600px !important;
padding:0 10px;
}
} @media (max-width: 620px){
#templateContainer,#templateBody,#templateContainer table{
width:100% !important;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}
} @media (max-width: 620px){
.addressfield span{
width:auto;
float:none;
padding-right:0;
}
} @media (max-width: 620px){
.captcha{
width:auto;
float:none;
}
}</style>
<script type="text/javascript">
var AKSB=AKSB||{};AKSB.q=[];AKSB.mark=function(c,a){AKSB.q.push(["mark",c,a||(new Date).getTime()])};AKSB.measure=function(c,a,b){AKSB.q.push(["measure",c,a,b||(new Date).getTime()])};AKSB.done=function(c){AKSB.q.push(["done",c])};AKSB.mark("firstbyte",(new Date).getTime());
AKSB.prof={custid:"284249",ustr:"",originlat:0,clientrtt:20,ghostip:"81.52.160.205",ipv6:false,pct:10,xhrtest:false,clientip:"90.17.50.222",requestid:"24b39f86",protocol:"",akM:"x",akN:"ae"};
(function(c){var a=document.createElement("iframe");a.src="javascript:false";(a.frameElement||a).style.cssText="width: 0; height: 0; border: 0; display: none";var b=document.getElementsByTagName("script"),b=b[b.length-1];b.parentNode.insertBefore(a,b);a=a.contentWindow.document;b=String.fromCharCode;c=b(60)+"body onload=\"var js = document.createElement('script');js.id = 'aksb-ifr';js.src = '"+c+"';document.body.appendChild(js);\""+b(62);a.open().write(c);a.close()})(("https:"===document.location.protocol?
"https:":"http:")+"//ds-aksb-a.akamaihd.net/aksb.min.js");
</script>
</head>
<body>
<div class="wrapper rounded6" id="templateContainer">
<h1 class="masthead"><div style="text-align: center;"><span style="font-size:26px"><span style="font-family:trebuchet ms,lucida grande,lucida sans unicode,lucida sans,tahoma,sans-serif"><img align="none" height="100" src="https://gallery.mailchimp.com/c8a4f9791bc4353039305f96a/images/08d836e1-3658-4f60-9380-d674f4c7bd0e.png" style="width: 115px; height: 100px; margin: 0px;" width="115"><br>
<br>
<span style="color:#f4f2f0">Abonnez-vous aux informations du RESPE</span></span></span></div>
</h1>
<div id="templateBody" class="bodyContent rounded6">
<div id="subscribeFormWelcome"><div style="text-align: center;"><span style="font-family:trebuchet ms,lucida grande,lucida sans unicode,lucida sans,tahoma,sans-serif">Aidez-nous à mieux vous connaître</span></div>
<div style="text-align: center;"><span style="font-family:trebuchet ms,lucida grande,lucida sans unicode,lucida sans,tahoma,sans-serif">et recevez les informations de votre choix sur la santé des équidés</span></div>
</div>
<div class="indicates-required"><span class="asterisk">*</span> Champ requis</div>
<form action="http://respe.us5.list-manage.com/subscribe/post" method="POST">
<input type="hidden" name="u" value="c8a4f9791bc4353039305f96a">
<input type="hidden" name="id" value="1a6fd0d12f">
<div id="mergeTable" class="mergeTable">
<div class="mergeRow dojoDndItem mergeRow-email" id="mergeRow-0">
<label for="MERGE0">Email <span class="req asterisk">*</span><div class="error">*|HTML:EMAILERROR|*</div></label>
<div class="field-group">
<input type="email" autocapitalize="off" autocorrect="off" name="MERGE0" id="MERGE0" size="25" value="">
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-radio" id="mergeRow-3">
<label for="MERGE3">Civilité</label>
<div class="field-group">
<div class="interestgroup_field radio-group" id="MERGE3"> <label class="radio" for="MERGE3-0"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-0" value="Madame" class="av-radio"><span>Madame</span></label><label class="radio" for="MERGE3-1"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE3" id="MERGE3-1" value="Monsieur" class="av-radio"><span>Monsieur</span></label> </div>
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-text" id="mergeRow-2">
<label for="MERGE2">Nom <span class="req asterisk">*</span><div class="error">*|HTML:NOMERROR|*</div></label>
<div class="field-group">
<input type="text" name="MERGE2" id="MERGE2" size="25" value="">
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-text" id="mergeRow-1">
<label for="MERGE1">Prénom</label>
<div class="field-group">
<input type="text" name="MERGE1" id="MERGE1" size="25" value="">
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-address" id="mergeRow-9">
<label for="MERGE9">Adresse <span class="req asterisk">*</span><div class="error">*|HTML:ADRESSEERROR|*</div></label>
<div class="field-group">
<div class="field-wrapper"> <div class="addressfield"> <span class="subfield addr1field"> <label for="MERGE9-organisme">Organisme de rattachement (si vous êtes professionnel) </label> <input type="text" id="MERGE9-organisme" name="MERGE9[organisme]" maxlength="70" value="" placeholder="Organisme de rattachement (si vous êtes professionnel) " class="av-text"> </span> <span class="subfield organismefield"> <label for="MERGE9-addr1">Rue</label> <input type="text" id="MERGE9-addr1" name="MERGE9[addr1]" maxlength="70" value="" placeholder="Rue" class="av-text"> </span> <span class="subfield addr2field"> <label for="MERGE9-addr2">Complément d'adresse</label> <input type="text" id="MERGE9-addr2" name="MERGE9[addr2]" maxlength="70" value="" placeholder="Complément d'adresse" class="av-text"> </span> <span class="subfield zipfield borderbox"> <label for="MERGE9-zip">Code postal</label> <input type="text" id="MERGE9-zip" name="MERGE9[zip]" maxlength="10" value="" placeholder="Code postal" class="av-text"> </span> <span class="subfield cityfield borderbox"> <label for="MERGE9-city">Ville</label> <input type="text" id="MERGE9-city" name="MERGE9[city]" maxlength="40" value="" placeholder="Ville" class="av-text"> </span> <span class="subfield statefield borderbox"> <label for="MERGE9-country">Pays</label> <select class="select-small" id="MERGE9-country" name="MERGE9[country]"> <option value="164" >USA</option><option value="286" >Aaland Islands</option><option value="274" >Afghanistan</option><option value="2" >Albania</option><option value="3" >Algeria</option><option value="178" >American Samoa</option><option value="4" >Andorra</option><option value="5" >Angola</option><option value="176" >Anguilla</option><option value="175" >Antigua And Barbuda</option><option value="6" >Argentina</option><option value="7" >Armenia</option><option value="179" >Aruba</option><option value="8" >Australia</option><option value="9" >Austria</option><option value="10" >Azerbaijan</option><option value="11" >Bahamas</option><option value="12" >Bahrain</option><option value="13" >Bangladesh</option><option value="14" >Barbados</option><option value="15" >Belarus</option><option value="16" >Belgium</option><option value="17" >Belize</option><option value="18" >Benin</option><option value="19" >Bermuda</option><option value="20" >Bhutan</option><option value="21" >Bolivia</option><option value="22" >Bosnia and Herzegovina</option><option value="23" >Botswana</option><option value="181" >Bouvet Island</option><option value="24" >Brazil</option><option value="180" >Brunei Darussalam</option><option value="25" >Bulgaria</option><option value="26" >Burkina Faso</option><option value="27" >Burundi</option><option value="28" >Cambodia</option><option value="29" >Cameroon</option><option value="30" >Canada</option><option value="31" >Cape Verde</option><option value="32" >Cayman Islands</option><option value="33" >Central African Republic</option><option value="34" >Chad</option><option value="35" >Chile</option><option value="36" >China</option><option value="185" >Christmas Island</option><option value="37" >Colombia</option><option value="204" >Comoros</option><option value="38" >Congo</option><option value="183" >Cook Islands</option><option value="268" >Costa Rica</option><option value="275" >Cote D'Ivoire</option><option value="40" >Croatia</option><option value="276" >Cuba</option><option value="298" >Curacao</option><option value="41" >Cyprus</option><option value="42" >Czech Republic</option><option value="318" >Democratic Republic of the Congo</option><option value="43" >Denmark</option><option value="44" >Djibouti</option><option value="186" >Dominica</option><option value="289" >Dominica</option><option value="187" >Dominican Republic</option><option value="45" >Ecuador</option><option value="46" >Egypt</option><option value="47" >El Salvador</option><option value="48" >Equatorial Guinea</option><option value="49" >Eritrea</option><option value="50" >Estonia</option><option value="51" >Ethiopia</option><option value="189" >Falkland Islands</option><option value="191" >Faroe Islands</option><option value="52" >Fiji</option><option value="53" >Finland</option><option value="54" selected="selected" >France</option><option value="193" >French Guiana</option><option value="277" >French Polynesia</option><option value="56" >Gabon</option><option value="57" >Gambia</option><option value="58" >Georgia</option><option value="59" >Germany</option><option value="60" >Ghana</option><option value="194" >Gibraltar</option><option value="61" >Greece</option><option value="195" >Greenland</option><option value="192" >Grenada</option><option value="196" >Guadeloupe</option><option value="62" >Guam</option><option value="198" >Guatemala</option><option value="270" >Guernsey</option><option value="63" >Guinea</option><option value="65" >Guyana</option><option value="200" >Haiti</option><option value="66" >Honduras</option><option value="67" >Hong Kong</option><option value="68" >Hungary</option><option value="69" >Iceland</option><option value="70" >India</option><option value="71" >Indonesia</option><option value="278" >Iran</option><option value="279" >Iraq</option><option value="74" >Ireland</option><option value="322" >Isle of Man</option><option value="75" >Israel</option><option value="76" >Italy</option><option value="202" >Jamaica</option><option value="78" >Japan</option><option value="288" >Jersey (Channel Islands)</option><option value="79" >Jordan</option><option value="80" >Kazakhstan</option><option value="81" >Kenya</option><option value="203" >Kiribati</option><option value="82" >Kuwait</option><option value="83" >Kyrgyzstan</option><option value="84" >Lao People's Democratic Republic</option><option value="85" >Latvia</option><option value="86" >Lebanon</option><option value="87" >Lesotho</option><option value="88" >Liberia</option><option value="281" >Libya</option><option value="90" >Liechtenstein</option><option value="91" >Lithuania</option><option value="92" >Luxembourg</option><option value="208" >Macau</option><option value="93" >Macedonia</option><option value="94" >Madagascar</option><option value="95" >Malawi</option><option value="96" >Malaysia</option><option value="97" >Maldives</option><option value="98" >Mali</option><option value="99" >Malta</option><option value="207" >Marshall Islands</option><option value="210" >Martinique</option><option value="100" >Mauritania</option><option value="212" >Mauritius</option><option value="241" >Mayotte</option><option value="101" >Mexico</option><option value="102" >Moldova, Republic of</option><option value="103" >Monaco</option><option value="104" >Mongolia</option><option value="290" >Montenegro</option><option value="294" >Montserrat</option><option value="105" >Morocco</option><option value="106" >Mozambique</option><option value="242" >Myanmar</option><option value="107" >Namibia</option><option value="108" >Nepal</option><option value="109" >Netherlands</option><option value="110" >Netherlands Antilles</option><option value="213" >New Caledonia</option><option value="111" >New Zealand</option><option value="112" >Nicaragua</option><option value="113" >Niger</option><option value="114" >Nigeria</option><option value="217" >Niue</option><option value="214" >Norfolk Island</option><option value="272" >North Korea</option><option value="116" >Norway</option><option value="117" >Oman</option><option value="118" >Pakistan</option><option value="222" >Palau</option><option value="282" >Palestine</option><option value="119" >Panama</option><option value="219" >Papua New Guinea</option><option value="120" >Paraguay</option><option value="121" >Peru</option><option value="122" >Philippines</option><option value="221" >Pitcairn</option><option value="123" >Poland</option><option value="124" >Portugal</option><option value="253" >Puerto Rico</option><option value="126" >Qatar</option><option value="315" >Republic of Kosovo</option><option value="127" >Reunion</option><option value="128" >Romania</option><option value="129" >Russia</option><option value="130" >Rwanda</option><option value="205" >Saint Kitts and Nevis</option><option value="206" >Saint Lucia</option><option value="237" >Saint Vincent and the Grenadines</option><option value="132" >Samoa (Independent)</option><option value="227" >San Marino</option><option value="255" >Sao Tome and Principe</option><option value="133" >Saudi Arabia</option><option value="134" >Senegal</option><option value="266" >Serbia</option><option value="135" >Seychelles</option><option value="136" >Sierra Leone</option><option value="137" >Singapore</option><option value="302" >Sint Maarten</option><option value="138" >Slovakia</option><option value="139" >Slovenia</option><option value="223" >Solomon Islands</option><option value="140" >Somalia</option><option value="141" >South Africa</option><option value="257" >South Georgia and the South Sandwich Islands</option><option value="142" >South Korea</option><option value="311" >South Sudan</option><option value="143" >Spain</option><option value="144" >Sri Lanka</option><option value="293" >Sudan</option><option value="146" >Suriname</option><option value="225" >Svalbard and Jan Mayen Islands</option><option value="147" >Swaziland</option><option value="148" >Sweden</option><option value="149" >Switzerland</option><option value="285" >Syria</option><option value="152" >Taiwan</option><option value="260" >Tajikistan</option><option value="153" >Tanzania</option><option value="154" >Thailand</option><option value="233" >Timor-Leste</option><option value="155" >Togo</option><option value="232" >Tonga</option><option value="234" >Trinidad and Tobago</option><option value="156" >Tunisia</option><option value="157" >Turkey</option><option value="287" >Turks & Caicos Islands</option><option value="159" >Uganda</option><option value="161" >Ukraine</option><option value="162" >United Arab Emirates</option><option value="262" >United Kingdom</option><option value="163" >Uruguay</option><option value="165" >Uzbekistan</option><option value="239" >Vanuatu</option><option value="166" >Vatican City State (Holy See)</option><option value="167" >Venezuela</option><option value="168" >Vietnam</option><option value="169" >Virgin Islands (British)</option><option value="238" >Virgin Islands (U.S.)</option><option value="188" >Western Sahara</option><option value="170" >Yemen</option><option value="173" >Zambia</option><option value="174" >Zimbabwe</option> </select> </span> </div> </div>
</div>
</div>
<div id="mergeRow-100-4937" class="mergeRow dojoDndItem mergeRow-interests-checkboxes">
<label>Vous êtes : <font size="2" color="#ababab" ><i>(plusieurs choix possible) </i></font><span class="req asterisk">*</span> </label>
<div class="field-group groups">
<ul class="interestgroup_field checkbox-group"> <li class="below12"> <label class="checkbox" for="group_1"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_1" name="group[4937][1]" value="1" class="av-checkbox"><span>Administratif / institutionnel</span> </label> </li><li class="below12"> <label class="checkbox" for="group_2"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_2" name="group[4937][2]" value="1" class="av-checkbox"><span>Animateur poney / moniteur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_4"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_4" name="group[4937][4]" value="1" class="av-checkbox"><span>Auxiliaire vétérinaire</span> </label> </li><li class="below12"> <label class="checkbox" for="group_8"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_8" name="group[4937][8]" value="1" class="av-checkbox"><span>Cavalier amateur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_16"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_16" name="group[4937][16]" value="1" class="av-checkbox"><span>Cavalier professionnel (sport)</span> </label> </li><li class="below12"> <label class="checkbox" for="group_32"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_32" name="group[4937][32]" value="1" class="av-checkbox"><span>Chercheur, enseignant chercheur (écoles vétérinaires, universités...)</span> </label> </li><li class="below12"> <label class="checkbox" for="group_64"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_64" name="group[4937][64]" value="1" class="av-checkbox"><span>Commercial / vendeur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_128"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_128" name="group[4937][128]" value="1" class="av-checkbox"><span>Eleveur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_256"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_256" name="group[4937][256]" value="1" class="av-checkbox"><span>Enseignant</span> </label> </li><li class="below12"> <label class="checkbox" for="group_512"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_512" name="group[4937][512]" value="1" class="av-checkbox"><span>Entraineur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_1024"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_1024" name="group[4937][1024]" value="1" class="av-checkbox"><span>Etalonnier / inséminateur / gérant de centre de reproduction</span> </label> </li><li class="below12"> <label class="checkbox" for="group_2048"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_2048" name="group[4937][2048]" value="1" class="av-checkbox"><span>Gérant de centre équestre / gérant de pension</span> </label> </li><li class="below12"> <label class="checkbox" for="group_8192"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_8192" name="group[4937][8192]" value="1" class="av-checkbox"><span>Gérant d'hippodrome / technicien hippodrome</span> </label> </li><li class="below12"> <label class="checkbox" for="group_16384"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_16384" name="group[4937][16384]" value="1" class="av-checkbox"><span>Groom / palefrenier soigneur</span> </label> </li><li class="below12"> <label class="checkbox" for="group_32768"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_32768" name="group[4937][32768]" value="1" class="av-checkbox"><span>Guide de tourisme équestre</span> </label> </li><li class="below12"> <label class="checkbox" for="group_65536"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_65536" name="group[4937][65536]" value="1" class="av-checkbox"><span>Jockey ou driver</span> </label> </li><li class="below12"> <label class="checkbox" for="group_131072"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_131072" name="group[4937][131072]" value="1" class="av-checkbox"><span>Journaliste</span> </label> </li><li class="below12"> <label class="checkbox" for="group_262144"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_262144" name="group[4937][262144]" value="1" class="av-checkbox"><span>Laboratoire pharmaceutique</span> </label> </li><li class="below12"> <label class="checkbox" for="group_524288"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_524288" name="group[4937][524288]" value="1" class="av-checkbox"><span>Marchand de chevaux / courtier</span> </label> </li><li class="below12"> <label class="checkbox" for="group_1048576"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_1048576" name="group[4937][1048576]" value="1" class="av-checkbox"><span>Maréchal ferrant</span> </label> </li><li class="below12"> <label class="checkbox" for="group_4194304"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_4194304" name="group[4937][4194304]" value="1" class="av-checkbox"><span>Propriétaire particulier</span> </label> </li><li class="below12"> <label class="checkbox" for="group_8388608"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_8388608" name="group[4937][8388608]" value="1" class="av-checkbox"><span>Transporteur de chevaux</span> </label> </li><li class="below12"> <label class="checkbox" for="group_16777216"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_16777216" name="group[4937][16777216]" value="1" class="av-checkbox"><span>Vétérinaire</span> </label> </li><li class="below12"> <label class="checkbox" for="group_33554432"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_33554432" name="group[4937][33554432]" value="1" class="av-checkbox"><span>Autre</span> </label> </li> </ul>
</div>
</div>
<div id="interestTable">
<div id="mergeRow-100-4941" class="mergeRow dojoDndItem mergeRow-interests-checkboxes">
<label>Vos centres d'intérêts sont : <font size="2" color="#ababab" ><i>(plusieurs choix possible) </i></font><span class="req asterisk">*</span> </label>
<div class="field-group groups">
<ul class="interestgroup_field checkbox-group"> <li class="below12"> <label class="checkbox" for="group_67108864"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_67108864" name="group[4941][67108864]" value="1" class="av-checkbox"><span>Alertes sur les maladies équines</span> </label> </li><li class="below12"> <label class="checkbox" for="group_268435456"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_268435456" name="group[4941][268435456]" value="1" class="av-checkbox"><span>Informations générales du RESPE</span> </label> </li><li class="below12"> <label class="checkbox" for="group_536870912"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_536870912" name="group[4941][536870912]" value="1" class="av-checkbox"><span>Bulletins du RESPE</span> </label> </li><li class="below12"> <label class="checkbox" for="group_1073741824"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_1073741824" name="group[4941][1073741824]" value="1" class="av-checkbox"><span>Informations scientifiques</span> </label> </li><li class="below12"> <label class="checkbox" for="group_2147483648"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_2147483648" name="group[4941][2147483648]" value="1" class="av-checkbox"><span>Autres centres d'intérêts éventuels ? (à lister) </span> </label> </li> </ul>
</div>
</div>
<div id="mergeRow-100-4945" class="mergeRow dojoDndItem mergeRow-interests-checkboxes">
<label>Vous êtes intéressé(e) par les alertes sur : <font size="2" color="#ababab" ><i>(plusieurs choix possible) </i></font><span class="req asterisk">*</span> </label>
<div class="field-group groups">
<ul class="interestgroup_field checkbox-group"> <li class="below12"> <label class="checkbox" for="group_4294967296"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_4294967296" name="group[4945][4294967296]" value="1" class="av-checkbox"><span>Les maladies abortives</span> </label> </li><li class="below12"> <label class="checkbox" for="group_8589934592"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_8589934592" name="group[4945][8589934592]" value="1" class="av-checkbox"><span>Les maladies digestives</span> </label> </li><li class="below12"> <label class="checkbox" for="group_17179869184"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_17179869184" name="group[4945][17179869184]" value="1" class="av-checkbox"><span>Les maladies "piro-like"</span> </label> </li><li class="below12"> <label class="checkbox" for="group_34359738368"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_34359738368" name="group[4945][34359738368]" value="1" class="av-checkbox"><span>La myopathie atypique</span> </label> </li><li class="below12"> <label class="checkbox" for="group_68719476736"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_68719476736" name="group[4945][68719476736]" value="1" class="av-checkbox"><span>Les maladies neurologiques</span> </label> </li><li class="below12"> <label class="checkbox" for="group_137438953472"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_137438953472" name="group[4945][137438953472]" value="1" class="av-checkbox"><span>Les maladies liées à la reproduction</span> </label> </li><li class="below12"> <label class="checkbox" for="group_4294967296"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_4294967296" name="group[4945][4294967296]" value="1" class="av-checkbox"><span>Les maladies respiratoires</span> </label> </li><li class="below12"> <label class="checkbox" for="group_274877906944"><input type="checkbox" data-dojo-type="dijit/form/CheckBox" id="group_274877906944" name="group[4945][274877906944]" value="1" class="av-checkbox"><span>Les autres types de maladies</span> </label> </li> </ul>
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-dropdown" id="mergeRow-6">
<label for="MERGE6">Vous souhaitez recevoir les informations : <span class="req asterisk">*</span><div class="error">*|HTML:MERGE6ERROR|*</div></label>
<div class="field-group">
<select class="select-small" id="MERGE6" name="MERGE6"><option value="" selected></option><option value="Près de chez vous">Près de chez vous</option><option value="De la France entière">De la France entière</option><option value="Uniquement de l'étranger">Uniquement de l'étranger</option><option value="De la France entière et de l'étranger">De la France entière et de l'étranger</option></select>
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-radio" id="mergeRow-4">
<label for="MERGE4">Sexe</label>
<div class="field-group">
<div class="interestgroup_field radio-group" id="MERGE4"> <label class="radio" for="MERGE4-0"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE4" id="MERGE4-0" value="Homme" class="av-radio"><span>Homme</span></label><label class="radio" for="MERGE4-1"><input type="radio" data-dojo-type="dijit/form/RadioButton" name="MERGE4" id="MERGE4-1" value="Femme" class="av-radio"><span>Femme</span></label> </div>
</div>
</div>
<div class="mergeRow dojoDndItem mergeRow-dropdown" id="mergeRow-7">
<label for="MERGE7">Âge <span class="req asterisk">*</span><div class="error">*|HTML:AGEERROR|*</div></label>
<div class="field-group">
<select class="select-small" id="MERGE7" name="MERGE7"><option value="" selected></option><option value="Moins de 18 ans">Moins de 18 ans</option><option value="19-24 ans">19-24 ans</option><option value="25-34 ans">25-34 ans</option><option value="35-44 ans">35-44 ans</option><option value="45-54 ans">45-54 ans</option><option value="55-64 ans">55-64 ans</option><option value="65-74 ans">65-74 ans</option><option value="75 ans ou plus">75 ans ou plus</option></select>
</div>
</div>
</div>
</div>
<!-- real people should not fill this in and expect good things -->
<div class="hidden-from-view"><input type="text" name="b_c8a4f9791bc4353039305f96a_1a6fd0d12f" tabindex="-1" value=""></div>
<div class="submit_container clear">
<input type="submit" class="button" name="submit" value="Je m'abonne">
</div>
<h6 align="center"><p><font size="1" face="Helvetica" color="#ababab">L'abonnement est gratuit et vous pouvez l'annuler à tout moment. Conformément à la loi Informatique et Libertés du 06/01/78, les informations recueillies via ce formulaire peuvent donner lieu à l'exercice d'un droit d'accès, de modification, de rectification et de suppression en ligne</font></p></h6>
</form>
</div>
</div>
</body>
</html>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
try {
var _gaq = _gaq || [];
_gaq.push(["_setAccount", "UA-329148-88"]);
_gaq.push(["_setDomainName", ".list-manage.com"]);
_gaq.push(["_trackPageview"]);
_gaq.push(["_setAllowLinker", true]);
} catch(err) {console.log(err);}</script>
A voir également:
- Formulaire d'abonnement : problème de codage (MailChimp)
- Codage ascii - Guide
- Codage de huffman - Astuces et Solutions
- Codage binaire - Guide
- Formulaire de réclamation facebook - Guide
- Alias du formulaire - Forum Programmation