{"id":2133,"date":"2015-02-19T17:21:07","date_gmt":"2015-02-19T16:21:07","guid":{"rendered":"http:\/\/www.planete-sciences.org\/mediterranee\/?page_id=2133"},"modified":"2026-10-05T20:44:52","modified_gmt":"2026-10-05T18:44:52","slug":"formulaire-dadhesion","status":"publish","type":"page","link":"https:\/\/www.planete-sciences.org\/mediterranee\/devenir-membre\/formulaire-dadhesion\/","title":{"rendered":"Formulaire d&rsquo;adh\u00e9sion"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"2133\" class=\"elementor elementor-2133\">\n\t\t\t\t<div class=\"elementor-element elementor-element-4cbab28c e-flex e-con-boxed e-con e-parent\" data-id=\"4cbab28c\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-b7e5d71 elementor-widget elementor-widget-html\" data-id=\"b7e5d71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================\r\n     HABILLAGE PSM 2025 \u2014 FORMULAIRE VFB D'ADH\u00c9SION (vfb-form-8)\r\n     \u00c0 coller dans un bloc \u00ab HTML personnalis\u00e9 \u00bb AU-DESSUS du shortcode\r\n     du formulaire Visual Form Builder (ne pas toucher au shortcode).\r\n     Le formulaire VFB, son envoi et sa validation restent inchang\u00e9s :\r\n     ce snippet ne fait qu'en changer l'apparence.\r\n     ============================================================ -->\r\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\r\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Baloo+2:wght@600;700;800&family=Nunito:wght@400;600;700;800&display=swap\" rel=\"stylesheet\">\r\n\r\n<style>\r\n  \/* ---------- Bandeau d'en-t\u00eate (identique aux autres pages) ---------- *\/\r\n  .psm-adh-hero { position: relative; background: linear-gradient(135deg, #1a3a2a 0%, #2d6a4f 60%, #40916c 100%); color: #fff; padding: 4.5rem 0 5.5rem; overflow: hidden; font-family: 'Nunito', sans-serif; line-height: 1.7; }\r\n  .psm-adh-hero *, .psm-adh-hero *::before, .psm-adh-hero *::after { box-sizing: border-box; }\r\n  .psm-adh-hero::after { content: \"\"; position: absolute; left: 0; right: 0; bottom: -1px; height: 60px; background: #fff; clip-path: ellipse(75% 100% at 50% 100%); }\r\n  .psm-adh-hero .wrap { max-width: 1200px; margin: 0 auto; padding: 0 1.5rem; position: relative; z-index: 2; display: grid; grid-template-columns: 1.4fr 1fr; gap: 3rem; align-items: center; }\r\n  .psm-adh-hero .eyebrow { display: inline-block; background: rgba(255,238,2,.16); color: #fff38a; border: 1px solid rgba(255,238,2,.45); padding: .3rem .9rem; border-radius: 999px; font-weight: 800; font-size: .8rem; letter-spacing: .08em; text-transform: uppercase; margin-bottom: 1rem; }\r\n  .psm-adh-hero h1 { font-family: 'Baloo 2', cursive; font-size: clamp(2.4rem, 5vw, 3.6rem); font-weight: 800; line-height: 1.2; color: #fff; margin: 0 0 1rem; }\r\n  .psm-adh-hero h1 span { color: #f5c842; }\r\n  .psm-adh-hero p { font-size: 1.12rem; color: rgba(255,255,255,.9); max-width: 560px; margin: 0 0 1.8rem; }\r\n  .psm-adh-hero .btns { display: flex; flex-wrap: wrap; gap: .8rem; }\r\n  .psm-adh-hero .ring { justify-self: center; width: 240px; height: 240px; border-radius: 50%; background: rgba(255,255,255,.08); border: 2px dashed rgba(245,200,66,.55); display: flex; align-items: center; justify-content: center; animation: psmSpin 40s linear infinite; }\r\n  .psm-adh-hero .ring > div { width: 170px; height: 170px; border-radius: 50%; background: #fff; display: flex; align-items: center; justify-content: center; box-shadow: 0 10px 40px rgba(0,0,0,.25); animation: psmSpin 40s linear infinite reverse; font-size: 4.5rem; }\r\n  .psm-adh-hero .float { position: absolute; font-size: 2rem; opacity: .55; animation: psmBob 6s ease-in-out infinite; z-index: 1; pointer-events: none; }\r\n  @keyframes psmBob { 0%,100% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-16px) rotate(8deg); } }\r\n  @keyframes psmSpin { to { transform: rotate(360deg); } }\r\n  @media (max-width: 900px) {\r\n    .psm-adh-hero .wrap { grid-template-columns: 1fr; }\r\n    .psm-adh-hero .ring { width: 190px; height: 190px; }\r\n    .psm-adh-hero .ring > div { width: 135px; height: 135px; }\r\n  }\r\n\r\n  \/* ---------- Formulaire VFB n\u00b08 ---------- *\/\r\n  #vfb-form-8 { max-width: 860px; margin: 2.5rem auto 4rem; padding: 0 1.5rem; font-family: 'Nunito', sans-serif; color: #1a1a2e; line-height: 1.6; }\r\n  #vfb-form-8 *, #vfb-form-8 *::before, #vfb-form-8 *::after { box-sizing: border-box; }\r\n  #vfb-form-8 .visual-form-builder { counter-reset: psmStep; display: flex; flex-direction: column; gap: 1.6rem; margin: 0; }\r\n\r\n  \/* Blocs (fieldsets) *\/\r\n  #vfb-form-8 .visual-form-builder fieldset.vfb-fieldset { margin: 0; padding: 1.8rem; background: #fff; border: 0; border-top: 5px solid var(--psm-c, #40916c); border-radius: 22px; box-shadow: 0 2px 12px rgba(0,0,0,.06); font-size: 0; }\r\n  #vfb-form-8 .visual-form-builder fieldset.vfb-fieldset > * { font-size: 1rem; }\r\n  #vfb-form-8 .vfb-fieldset-1 { --psm-c: #fbc51d; }\r\n  #vfb-form-8 .vfb-fieldset-2 { --psm-c: #40916c; }\r\n  #vfb-form-8 .vfb-fieldset-3 { --psm-c: #5fc7ee; }\r\n  #vfb-form-8 .vfb-fieldset-4 { --psm-c: #c9418d; }\r\n\r\n  \/* Titres de blocs num\u00e9rot\u00e9s *\/\r\n  #vfb-form-8 .visual-form-builder .vfb-legend { margin: 0 0 1.3rem; padding: 0; border: 0; background: none; }\r\n  #vfb-form-8 .visual-form-builder .vfb-legend h3 { counter-increment: psmStep; display: flex; align-items: center; gap: .7rem; margin: 0; padding: 0; border: 0; font-family: 'Baloo 2', cursive; font-weight: 800; font-size: 1.35rem; line-height: 1.2; color: #1a3a2a; text-transform: none; letter-spacing: 0; }\r\n  #vfb-form-8 .visual-form-builder .vfb-legend h3::before { content: counter(psmStep); flex: 0 0 34px; width: 34px; height: 34px; border-radius: 50%; background: #1a3a2a; color: #f5c842; display: inline-flex; align-items: center; justify-content: center; font-size: 1rem; }\r\n\r\n  \/* Listes \/ items *\/\r\n  #vfb-form-8 .visual-form-builder ul.vfb-section { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 1.1rem 1rem; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item { list-style: none; margin: 0; padding: 0; background: none; border: 0; display: flex; flex-direction: column; gap: .35rem; grid-column: span 1; width: auto; float: none; clear: none; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item::before { display: none; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-radio,\r\n  #vfb-form-8 #item-vfb-252,\r\n  #vfb-form-8 #item-vfb-254,\r\n  #vfb-form-8 #item-vfb-256,\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-secret,\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-submit { grid-column: 1 \/ -1; }\r\n\r\n  \/* Libell\u00e9s *\/\r\n  #vfb-form-8 .visual-form-builder label.vfb-desc { display: block; margin: 0; padding: 0; font-weight: 800; font-size: .95rem; color: #1a3a2a; float: none; width: auto; }\r\n  #vfb-form-8 .visual-form-builder .vfb-required-asterisk { color: #e54428; margin-left: .1rem; }\r\n  #vfb-form-8 .visual-form-builder .vfb-span { display: flex; flex-direction: column; gap: .35rem; float: none; width: auto; margin: 0; padding: 0; }\r\n  #vfb-form-8 .visual-form-builder .vfb-span > label:not(.vfb-choice):not(.error) { order: 2; font-size: .82rem; font-weight: 600; color: #6c757d; margin: 0; padding: 0; float: none; }\r\n\r\n  \/* Champs texte *\/\r\n  #vfb-form-8 .visual-form-builder input.vfb-text,\r\n  #vfb-form-8 .visual-form-builder textarea,\r\n  #vfb-form-8 .visual-form-builder select {\r\n    width: 100%; max-width: none; height: auto; margin: 0; font-family: 'Nunito', sans-serif; font-size: 1rem; color: #1a1a2e; background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 12px; padding: .75rem .95rem; box-shadow: none; transition: border-color .2s ease, background .2s ease, box-shadow .2s ease; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-text:focus,\r\n  #vfb-form-8 .visual-form-builder textarea:focus { outline: none; border-color: #40916c; background: #fff; box-shadow: 0 0 0 4px rgba(64,145,108,.15); }\r\n  #vfb-form-8 .visual-form-builder #vfb-248 { max-width: 120px; text-align: center; font-weight: 800; letter-spacing: .2em; }\r\n\r\n  \/* Boutons radio \u2192 cartes *\/\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-radio > div { display: grid; grid-template-columns: 1fr 1fr; gap: .8rem; margin-top: .4rem; }\r\n  #vfb-form-8 #item-vfb-261 > div { grid-template-columns: 1fr; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-radio > div > div[style*=\"clear\"] { display: none; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-radio .vfb-span { position: relative; display: block; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-radio { position: absolute; opacity: 0; width: 1px; height: 1px; margin: 0; pointer-events: none; }\r\n  #vfb-form-8 .visual-form-builder label.vfb-choice { display: flex; align-items: center; gap: .9rem; min-height: 100%; margin: 0; padding: 1rem 1.1rem; background: #f8f9fa; border: 2px solid #e9ecef; border-radius: 14px; cursor: pointer; font-weight: 700; font-size: .95rem; line-height: 1.4; color: #1a3a2a; float: none; width: auto; transition: border-color .2s ease, background .2s ease, transform .2s ease; }\r\n  #vfb-form-8 .visual-form-builder label.vfb-choice::before { content: \"\"; flex: 0 0 22px; width: 22px; height: 22px; border-radius: 50%; border: 2px solid #adb5bd; background: #fff; transition: all .2s ease; }\r\n  #vfb-form-8 .visual-form-builder label.vfb-choice:hover { transform: translateY(-2px); border-color: #b7dfc6; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-radio:checked + label.vfb-choice { border-color: #40916c; background: #eef8f1; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-radio:checked + label.vfb-choice::before { border-color: #2d6a4f; background: #2d6a4f; box-shadow: inset 0 0 0 4px #fff; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-radio:focus-visible + label.vfb-choice { box-shadow: 0 0 0 4px rgba(64,145,108,.25); }\r\n  #vfb-form-8 .psm-emo { font-size: 1.4rem; line-height: 1; }\r\n  #vfb-form-8 .psm-lbl { flex: 1; }\r\n  #vfb-form-8 .psm-price { font-family: 'Baloo 2', cursive; font-weight: 800; font-size: 1.35rem; color: #2d6a4f; white-space: nowrap; }\r\n\r\n  \/* Total (ajout\u00e9 par le script) *\/\r\n  #vfb-form-8 .psm-total { grid-column: 1 \/ -1; display: none; justify-content: space-between; align-items: center; margin-top: .3rem; padding: .9rem 1.2rem; background: linear-gradient(135deg, #1a3a2a, #2d6a4f); border-radius: 14px; color: #fff; font-weight: 800; }\r\n  #vfb-form-8 .psm-total.show { display: flex; }\r\n  #vfb-form-8 .psm-total strong { font-family: 'Baloo 2', cursive; font-size: 1.8rem; line-height: 1; color: #f5c842; }\r\n\r\n  \/* Champs conditionnels (masqu\u00e9s par le script selon la formule) *\/\r\n  #vfb-form-8 li.psm-hidden { display: none !important; }\r\n  #vfb-form-8 li.psm-reveal { animation: psmFade .3s ease; }\r\n  @keyframes psmFade { from { opacity: 0; transform: translateY(-6px); } to { opacity: 1; transform: none; } }\r\n\r\n  \/* Erreurs de validation VFB (jQuery Validate) *\/\r\n  #vfb-form-8 .visual-form-builder label.error { order: 3; display: block; margin: .2rem 0 0; padding: 0; font-size: .82rem; font-weight: 700; color: #e54428; background: none; border: 0; float: none; width: auto; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-text.error { border-color: #e54428; background: #fff7f5; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-radio label.error { grid-column: 1 \/ -1; }\r\n\r\n  \/* Bouton d'envoi *\/\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-submit { flex-direction: row; justify-content: space-between; align-items: center; flex-wrap: wrap; gap: 1rem; margin-top: .6rem; padding-top: 1.3rem; border-top: 1px dashed #e9ecef; }\r\n  #vfb-form-8 .visual-form-builder li.vfb-item-submit::after { content: \"* Champs obligatoires\"; order: -1; font-size: .82rem; font-weight: 600; color: #6c757d; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-submit { display: inline-block; width: auto; height: auto; margin: 0; background: #f5c842; color: #1a3a2a; font-family: 'Nunito', sans-serif; font-weight: 800; font-size: 1.05rem; padding: .95rem 2.2rem; border-radius: 999px; border: 0; cursor: pointer; box-shadow: 0 6px 18px rgba(245,200,66,.35); text-shadow: none; transition: transform .2s ease, box-shadow .2s ease; -webkit-appearance: none; appearance: none; }\r\n  #vfb-form-8 .visual-form-builder input.vfb-submit:hover { transform: translateY(-2px); box-shadow: 0 10px 24px rgba(245,200,66,.45); }\r\n\r\n  \/* Calendrier jQuery UI du champ date *\/\r\n  .ui-datepicker { font-family: 'Nunito', sans-serif; border-radius: 14px !important; border: 2px solid #e9ecef !important; box-shadow: 0 10px 30px rgba(0,0,0,.12); padding: .4rem; }\r\n  .ui-datepicker .ui-datepicker-header { background: #1a3a2a !important; border: 0 !important; border-radius: 10px !important; color: #fff !important; }\r\n  .ui-datepicker .ui-state-active, .ui-datepicker .ui-state-hover { background: #40916c !important; border-color: #40916c !important; color: #fff !important; }\r\n\r\n  \/* Mobile *\/\r\n  @media (max-width: 640px) {\r\n    #vfb-form-8 { padding: 0 1rem; }\r\n    #vfb-form-8 .visual-form-builder fieldset.vfb-fieldset { padding: 1.3rem; }\r\n    #vfb-form-8 .visual-form-builder ul.vfb-section,\r\n    #vfb-form-8 .visual-form-builder li.vfb-item-radio > div { grid-template-columns: 1fr; }\r\n    #vfb-form-8 .visual-form-builder li.vfb-item { grid-column: 1 \/ -1; }\r\n    #vfb-form-8 .visual-form-builder li.vfb-item-submit { justify-content: center; }\r\n    #vfb-form-8 .visual-form-builder input.vfb-submit { width: 100%; }\r\n  }\r\n  @media (prefers-reduced-motion: reduce) { .psm-adh-hero .float, .psm-adh-hero .ring, .psm-adh-hero .ring > div { animation: none; } }\r\n<\/style>\r\n\r\n<!-- ===================== BANDEAU ===================== -->\r\n<header class=\"psm-adh-hero\">\r\n  <span class=\"float\" style=\"top:12%;left:4%;\">\u2b50<\/span>\r\n  <span class=\"float\" style=\"top:68%;left:9%;animation-delay:1.2s;\">\ud83e\udd1d<\/span>\r\n  <span class=\"float\" style=\"top:16%;left:46%;animation-delay:2s;\">\ud83d\udd2c<\/span>\r\n  <span class=\"float\" style=\"top:72%;left:52%;animation-delay:.6s;\">\ud83d\ude80<\/span>\r\n  <span class=\"float\" style=\"top:62%;right:4%;animation-delay:1.6s;\">\ud83c\udf3f<\/span>\r\n  <span class=\"float\" style=\"top:8%;right:30%;animation-delay:2.6s;\">\ud83d\udc9a<\/span>\r\n  <div class=\"wrap\">\r\n    <div>\r\n      <span class=\"eyebrow\">\u2b50 Vie associative<\/span>\r\n      <h1>Formulaire d'<span>adh\u00e9sion<\/span><\/h1>\r\n      <p>Rejoignez Plan\u00e8te Sciences M\u00e9diterran\u00e9e et soutenez l\u2019\u00e9ducation aux sciences pour tous en r\u00e9gion PACA.<\/p>\r\n      <div class=\"btns\">\r\n        <a href=\"#vfb-form-8\" style=\"display:inline-block;background:#f5c842;color:#1a3a2a;font-family:'Nunito',sans-serif;font-weight:800;font-size:1rem;padding:.85rem 1.6rem;border-radius:999px;text-decoration:none;box-shadow:0 6px 18px rgba(245,200,66,.35);\">J\u2019adh\u00e8re \u2192<\/a>\r\n        <a href=\"https:\/\/www.planete-sciences.org\/mediterranee\/devenir-membre\/\" style=\"display:inline-block;background:transparent;color:#ffffff;font-family:'Nunito',sans-serif;font-weight:800;font-size:1rem;padding:.8rem 1.5rem;border-radius:999px;text-decoration:none;border:2px solid rgba(255,255,255,.6);\">Pourquoi devenir membre&nbsp;?<\/a>\r\n      <\/div>\r\n    <\/div>\r\n    <div class=\"ring\" aria-hidden=\"true\"><div>\ud83e\udd1d<\/div><\/div>\r\n  <\/div>\r\n<\/header>\r\n\r\n<!-- ===================== AM\u00c9LIORATIONS (facultatives) =====================\r\n     Sans ce script, le formulaire est d\u00e9j\u00e0 habill\u00e9 par le CSS ci-dessus.\r\n     Avec : emojis + prix mis en avant, total affich\u00e9, champs conditionnels.\r\n     Il ne modifie ni les noms de champs, ni les valeurs envoy\u00e9es par VFB.\r\n     ======================================================================= -->\r\n<script>\r\ndocument.addEventListener('DOMContentLoaded', function () {\r\n  var root = document.getElementById('vfb-form-8');\r\n  if (!root) return;\r\n  var form = root.querySelector('form');\r\n\r\n  \/* Emojis + prix s\u00e9par\u00e9 du libell\u00e9 (texte d'origine conserv\u00e9) *\/\r\n  var emojis = {\r\n    'vfb-250-1': '\ud83d\ude4b', 'vfb-250-2': '\ud83c\udf93', 'vfb-250-3': '\ud83d\udc68\u200d\ud83d\udc69\u200d\ud83d\udc67', 'vfb-250-4': '\ud83c\udfeb',\r\n    'vfb-261-1': '\ud83c\udfe6', 'vfb-261-2': '\u2709\ufe0f', 'vfb-261-3': '\ud83d\udcb6', 'vfb-261-4': '\ud83c\udd7f\ufe0f', 'vfb-261-5': '\ud83d\udcb3'\r\n  };\r\n  root.querySelectorAll('label.vfb-choice').forEach(function (lab) {\r\n    var id = lab.getAttribute('for'), txt = lab.textContent.trim(), html = '';\r\n    if (emojis[id]) html += '<span class=\"psm-emo\" aria-hidden=\"true\">' + emojis[id] + '<\/span>';\r\n    var m = txt.match(\/^(.*?)\\s*-\\s*(\\d+\\s*\u20ac)$\/);\r\n    html += m ? '<span class=\"psm-lbl\">' + m[1] + '<\/span><span class=\"psm-price\">' + m[2] + '<\/span>'\r\n              : '<span class=\"psm-lbl\">' + txt + '<\/span>';\r\n    lab.innerHTML = html;\r\n  });\r\n\r\n  \/* Total sous le choix de formule *\/\r\n  var typeItem = root.querySelector('#item-vfb-250');\r\n  var total = document.createElement('div');\r\n  total.className = 'psm-total';\r\n  total.setAttribute('aria-live', 'polite');\r\n  total.innerHTML = '<span>Montant de votre cotisation<\/span><strong>0 \u20ac<\/strong>';\r\n  if (typeItem) typeItem.appendChild(total);\r\n\r\n  \/* Champs conditionnels *\/\r\n  var onlyIndiv = ['item-vfb-256'];\r\n  var onlyGroup = ['item-vfb-257', 'item-vfb-258'];\r\n  function setVis(ids, show) {\r\n    ids.forEach(function (id) {\r\n      var li = document.getElementById(id); if (!li) return;\r\n      if (show && li.classList.contains('psm-hidden')) li.classList.add('psm-reveal');\r\n      li.classList.toggle('psm-hidden', !show);\r\n    });\r\n  }\r\n  function update() {\r\n    var t = form.querySelector('input[name=\"vfb-250\"]:checked');\r\n    if (!t) { setVis(onlyIndiv, false); setVis(onlyGroup, false); total.classList.remove('show'); return; }\r\n    var group = t.id === 'vfb-250-4';\r\n    setVis(onlyIndiv, !group);\r\n    setVis(onlyGroup, group);\r\n    var m = t.value.match(\/(\\d+)\\s*\u20ac\/);\r\n    total.querySelector('strong').textContent = (m ? m[1] : '0') + ' \u20ac';\r\n    total.classList.add('show');\r\n  }\r\n  form.addEventListener('change', function (e) { if (e.target.name === 'vfb-250') update(); });\r\n  update();\r\n});\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23bfb9f0 elementor-widget elementor-widget-text-editor\" data-id=\"23bfb9f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t<p><div id=\"vfb-form-8\" class=\"visual-form-builder-container\"><form id=\"adhesion-planete-sciences-mediterranee-8\" class=\"visual-form-builder vfb-form-8 \" method=\"post\" enctype=\"multipart\/form-data\">\n\t  \t<input type=\"hidden\" name=\"form_id\" value=\"8\" \/><fieldset class=\"vfb-fieldset vfb-fieldset-1 montant-des-cotisations \" id=\"item-vfb-246\"><div class=\"vfb-legend\"><h3>Montant des cotisations<\/h3><\/div><ul class=\"vfb-section vfb-section-1\"><li class=\"vfb-item vfb-item-radio  \" id=\"item-vfb-250\"><label class=\"vfb-desc\">Type d&#039;adh\u00e9sion souhait\u00e9e :  <span class=\"vfb-required-asterisk\">*<\/span><\/label><div><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-250\" id=\"vfb-250-1\" value=\"Membre individuel - 20\u20ac\" class=\"vfb-radio  required \" \/><label for=\"vfb-250-1\" class=\"vfb-choice\">Membre individuel &#8211; 20\u20ac<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-250\" id=\"vfb-250-2\" value=\"Membre individuel \u00e9tudiant ou ch\u00f4meurs - 10\u20ac\" class=\"vfb-radio  required \" \/><label for=\"vfb-250-2\" class=\"vfb-choice\">Membre individuel \u00e9tudiant ou ch\u00f4meurs &#8211; 10\u20ac<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-250\" id=\"vfb-250-3\" value=\"Famille - 35\u20ac\" class=\"vfb-radio  required \" \/><label for=\"vfb-250-3\" class=\"vfb-choice\">Famille &#8211; 35\u20ac<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-250\" id=\"vfb-250-4\" value=\"Groupe\/collectif - 50\u20ac\" class=\"vfb-radio  required \" \/><label for=\"vfb-250-4\" class=\"vfb-choice\">Groupe\/collectif &#8211; 50\u20ac<\/label><\/span><div style=\"clear:both\"><\/div><\/div><\/li><\/ul>&nbsp;<\/fieldset><fieldset class=\"vfb-fieldset vfb-fieldset-2 informations-personnelles \" id=\"item-vfb-251\"><div class=\"vfb-legend\"><h3>Informations personnelles<\/h3><\/div><ul class=\"vfb-section vfb-section-2\"><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-252\"><label for=\"vfb-252\" class=\"vfb-desc\">Nom de famille, du groupe ou de la structure  <span class=\"vfb-required-asterisk\">*<\/span><\/label><input type=\"text\" name=\"vfb-252\" id=\"vfb-252\" value=\"\" class=\"vfb-text  vfb-medium  required  \" \/><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-253\"><label for=\"vfb-253\" class=\"vfb-desc\">Pr\u00e9nom <\/label><input type=\"text\" name=\"vfb-253\" id=\"vfb-253\" value=\"\" class=\"vfb-text  vfb-medium   \" \/><\/li><li class=\"vfb-item vfb-item-date  \" id=\"item-vfb-256\"><label for=\"vfb-256\" class=\"vfb-desc\">Date de naissance <\/label><span class=\"vfb-span\"><input type=\"text\" name=\"vfb-256\" id=\"vfb-256\" value=\"\" class=\"vfb-text vfb-date-picker  vfb-medium  \" data-dp-dateFormat=\"jj\/mm\/aaaa\" \/><label>jj\/mm\/aaaa (uniquement pour les adh\u00e9rents individuels)<\/label><\/span><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-257\"><label for=\"vfb-257\" class=\"vfb-desc\">Nom et qualit\u00e9 du responsable <\/label><span class=\"vfb-span\"><input type=\"text\" name=\"vfb-257\" id=\"vfb-257\" value=\"\" class=\"vfb-text  vfb-medium   \" \/><label>(uniquement pour les adh\u00e9sions groupe\/collectif)<\/label><\/span><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-258\"><label for=\"vfb-258\" class=\"vfb-desc\">Nombre de personnes concern\u00e9es par l&#039;adh\u00e9sion collective <\/label><span class=\"vfb-span\"><input type=\"text\" name=\"vfb-258\" id=\"vfb-258\" value=\"\" class=\"vfb-text  vfb-medium   \" \/><label>(uniquement pour les adh\u00e9sions de groupe\/collectif)<\/label><\/span><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-254\"><label for=\"vfb-254\" class=\"vfb-desc\">Adresse postale compl\u00e8te  <span class=\"vfb-required-asterisk\">*<\/span><\/label><input type=\"text\" name=\"vfb-254\" id=\"vfb-254\" value=\"\" class=\"vfb-text  vfb-medium  required  \" \/><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-255\"><label for=\"vfb-255\" class=\"vfb-desc\">T\u00e9l\u00e9phone (fixe ou mobile)  <span class=\"vfb-required-asterisk\">*<\/span><\/label><input type=\"text\" name=\"vfb-255\" id=\"vfb-255\" value=\"\" class=\"vfb-text  vfb-medium  required  \" \/><\/li><li class=\"vfb-item vfb-item-text  \" id=\"item-vfb-259\"><label for=\"vfb-259\" class=\"vfb-desc\">Adresse email  <span class=\"vfb-required-asterisk\">*<\/span><\/label><input type=\"text\" name=\"vfb-259\" id=\"vfb-259\" value=\"\" class=\"vfb-text  vfb-medium  required  \" \/><\/li><\/ul>&nbsp;<\/fieldset><fieldset class=\"vfb-fieldset vfb-fieldset-3 reglement \" id=\"item-vfb-262\"><div class=\"vfb-legend\"><h3>R\u00e9glement<\/h3><\/div><ul class=\"vfb-section vfb-section-3\"><li class=\"vfb-item vfb-item-radio  \" id=\"item-vfb-261\"><label class=\"vfb-desc\">Vous souhaitez r\u00e9gler votre cotisation :  <span class=\"vfb-required-asterisk\">*<\/span><\/label><div><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-261\" id=\"vfb-261-1\" value=\"Par virement bancaire (un RIB vous sera envoy\u00e9)\" class=\"vfb-radio  required \" \/><label for=\"vfb-261-1\" class=\"vfb-choice\">Par virement bancaire (un RIB vous sera envoy\u00e9)<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-261\" id=\"vfb-261-2\" value=\"Par ch\u00e8que (\u00e0 l&#039;ordre de Plan\u00e8te Sciences M\u00e9diterran\u00e9e, 11 rue Sans Peur 06130 Grasse)\" class=\"vfb-radio  required \" \/><label for=\"vfb-261-2\" class=\"vfb-choice\">Par ch\u00e8que (\u00e0 l&rsquo;ordre de Plan\u00e8te Sciences M\u00e9diterran\u00e9e, 11 rue Sans Peur 06130 Grasse)<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-261\" id=\"vfb-261-3\" value=\"Par esp\u00e8ce sur place\" class=\"vfb-radio  required \" \/><label for=\"vfb-261-3\" class=\"vfb-choice\">Par esp\u00e8ce sur place<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-261\" id=\"vfb-261-4\" value=\"Par Paypal (bouton de paiement sous ce formulaire))\" class=\"vfb-radio  required \" \/><label for=\"vfb-261-4\" class=\"vfb-choice\">Par Paypal (bouton de paiement sous ce formulaire))<\/label><\/span><span class=\"vfb-span\"><input type=\"radio\" name=\"vfb-261\" id=\"vfb-261-5\" value=\"Par Carte Bancaire (bouton de paiement sous ce formulaire))\" class=\"vfb-radio  required \" \/><label for=\"vfb-261-5\" class=\"vfb-choice\">Par Carte Bancaire (bouton de paiement sous ce formulaire))<\/label><\/span><div style=\"clear:both\"><\/div><\/div><\/li><\/ul>&nbsp;<\/fieldset><fieldset class=\"vfb-fieldset vfb-fieldset-4 verification \" id=\"item-vfb-247\" style=\"display:block\"><div class=\"vfb-legend\"><h3>Verification<\/h3><\/div><ul class=\"vfb-section vfb-section-4\"><li class=\"vfb-item vfb-item-secret\"  style=\"display:block\"><label for=\"vfb-248\" class=\"vfb-desc\">Merci d&#039;entrer deux chiffres <span class=\"vfb-required-asterisk\">*<\/span><\/label><input type=\"hidden\" name=\"_vfb-secret\" value=\"vfb-248\" \/><span class=\"vfb-span\"><input type=\"text\" name=\"vfb-248\" id=\"vfb-248\" value=\"\" class=\"vfb-text  vfb-medium  required {digits:true,maxlength:2,minlength:2} \" style=\"display:block\" \/><label>Exemple: 12<\/label><\/span><li style=\"display:none;\"><label>This box is for spam protection &#8211; &lt;strong&gt;please leave it blank&lt;\/strong&gt;:<\/label><div><input name=\"vfb-spam\" \/><\/div><\/li>\n\t\t\t<li class=\"vfb-item vfb-item-submit\" id=\"item-vfb-249\">\n\t\t\t\t<input type=\"submit\" name=\"vfb-submit\" id=\"vfb-249\" value=\"Envoyer\" class=\"vfb-submit \" \/>\n\t\t\t\t<\/li><\/ul>\n\t\t\t<\/fieldset><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/mediterranee\/wp-json\/wp\/v2\/pages\/2133\" \/><\/form><\/div> <!-- .visual-form-builder-container --><\/p>\n\n\n<p>Vous pouvez payer votre adh\u00e9sion soit :<\/p>\n<ul>\n<li>en envoyant de l&rsquo;argent via Paypal \u00e0 : mediterranee@planete-sciences.org<\/li>\n<li>en envoyant un ch\u00e8que \u00e0 : Plan\u00e8te Sciences M\u00e9diterran\u00e9e&nbsp; 11 rue Sans Peur&nbsp; 06130 GRASSE<\/li>\n<li>en effectuant un virement bancaire : demandez notre RIB par <a href=\"mailto:mediterranee@planete-sciences.org\">email<\/a><\/li>\n<li>en cliquant sur le bouton ci-dessous apr\u00e8s avoir s\u00e9lectionn\u00e9 le montant de l&rsquo;adh\u00e9sion (paiement via Paypal ou par Carte Bancaire possible)<\/li>\n<\/ul>\n\n\n\n<div id=\"smart-button-container\">\n      <div style=\"text-align: center;\">\n        <div style=\"margin-bottom: 1.25rem;\">\n          <p>Adh\u00e9sion PSM<\/p>\n          <select id=\"item-options\"><option value=\"Individuelle\" price=\"20\">Individuelle &#8211; 20 EUR<\/option><option value=\"Famille\" price=\"35\">Famille &#8211; 35 EUR<\/option><option value=\"Ch\u00f4meur, Etudiant, Retrait\u00e9\" price=\"10\">Ch\u00f4meur, Etudiant, Retrait\u00e9 &#8211; 10 EUR<\/option><option value=\"Structure publique ou priv\u00e9e\" price=\"50\">Structure publique ou priv\u00e9e &#8211; 50 EUR<\/option><\/select>\n          <select style=\"visibility: hidden\" id=\"quantitySelect\"><\/select>\n        <\/div>\n      <div id=\"paypal-button-container\" style=\"width: 300px; margin: auto\"><\/div>\n      <\/div>\n    <\/div>\n    <script src=\"https:\/\/www.paypal.com\/sdk\/js?client-id=AY8OaZsn-ANnTt-Q6U3o9crSPZivfxoz0J0hX0PCQ0Le1C8Gsba5M9YTGObHLeQg1REKhRtKEB8DuwjC&amp;enable-funding=venmo&amp;currency=EUR\" data-sdk-integration-source=\"button-factory\"><\/script>\n    <script>\n      function initPayPalButton() {\n        var shipping = 0;\n        var itemOptions = document.querySelector(\"#smart-button-container #item-options\");\n    var quantity = parseInt();\n    var quantitySelect = document.querySelector(\"#smart-button-container #quantitySelect\");\n    if (!isNaN(quantity)) {\n      quantitySelect.style.visibility = \"visible\";\n    }\n    var orderDescription = 'Adh\u00e9sion PSM';\n    if(orderDescription === '') {\n      orderDescription = 'Item';\n    }\n    paypal.Buttons({\n      style: {\n        shape: 'pill',\n        color: 'blue',\n        layout: 'vertical',\n        label: 'paypal',\n        \n      },\n      createOrder: function(data, actions) {\n        var selectedItemDescription = itemOptions.options[itemOptions.selectedIndex].value;\n        var selectedItemPrice = parseFloat(itemOptions.options[itemOptions.selectedIndex].getAttribute(\"price\"));\n        var tax = (0 === 0 || false) ? 0 : (selectedItemPrice * (parseFloat(0)\/100));\n        if(quantitySelect.options.length > 0) {\n          quantity = parseInt(quantitySelect.options[quantitySelect.selectedIndex].value);\n        } else {\n          quantity = 1;\n        }\n\n        tax *= quantity;\n        tax = Math.round(tax * 100) \/ 100;\n        var priceTotal = quantity * selectedItemPrice + parseFloat(shipping) + tax;\n        priceTotal = Math.round(priceTotal * 100) \/ 100;\n        var itemTotalValue = Math.round((selectedItemPrice * quantity) * 100) \/ 100;\n\n        return actions.order.create({\n          purchase_units: [{\n            description: orderDescription,\n            amount: {\n              currency_code: 'EUR',\n              value: priceTotal,\n              breakdown: {\n                item_total: {\n                  currency_code: 'EUR',\n                  value: itemTotalValue,\n                },\n                shipping: {\n                  currency_code: 'EUR',\n                  value: shipping,\n                },\n                tax_total: {\n                  currency_code: 'EUR',\n                  value: tax,\n                }\n              }\n            },\n            items: [{\n              name: selectedItemDescription,\n              unit_amount: {\n                currency_code: 'EUR',\n                value: selectedItemPrice,\n              },\n              quantity: quantity\n            }]\n          }]\n        });\n      },\n      onApprove: function(data, actions) {\n        return actions.order.capture().then(function(orderData) {\n          \n          \/\/ Full available details\n          console.log('Capture result', orderData, JSON.stringify(orderData, null, 2));\n\n          \/\/ Show a success message within this page, e.g.\n          const element = document.getElementById('paypal-button-container');\n          element.innerHTML = '';\n          element.innerHTML = '<h3>Merci pour votre paiement !<\/h3>';\n\n          \/\/ Or go to another URL:  actions.redirect('thank_you.html');\n\n        });\n      },\n      onError: function(err) {\n        console.log(err);\n      },\n    }).render('#paypal-button-container');\n  }\n  initPayPalButton();\n    <\/script>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>&#x2b50; &#x1f91d; &#x1f52c; &#x1f680; &#x1f33f; &#x1f49a; &#x2b50; Vie associative Formulaire d&rsquo;adh\u00e9sion Rejoignez Plan\u00e8te Sciences M\u00e9diterran\u00e9e et soutenez l\u2019\u00e9ducation aux sciences pour tous en r\u00e9gion PACA.&hellip;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":48,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"elementor_header_footer","meta":{"_acf_changed":false,"ngg_post_thumbnail":0,"footnotes":""},"class_list":["post-2133","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/2133","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/comments?post=2133"}],"version-history":[{"count":18,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/2133\/revisions"}],"predecessor-version":[{"id":8275,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/2133\/revisions\/8275"}],"up":[{"embeddable":true,"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/pages\/48"}],"wp:attachment":[{"href":"https:\/\/www.planete-sciences.org\/mediterranee\/wp-json\/wp\/v2\/media?parent=2133"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}