Demande d’attestation ASSR \u2014 Coll\u00e8ge Georges Lapierre<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --blue-dark: #1A3A6B;\n --blue-mid: #2563B0;\n --blue-light: #4A90D9;\n --blue-pale: #E8F1FB;\n --blue-bg: #F0F5FC;\n --white: #FFFFFF;\n --text: #1A2535;\n --text-muted: #4A5E7A;\n --border: #C2D4ED;\n --radius: 10px;\n --red: #c0392b;\n }\n\n body {\n font-family: 'Barlow', sans-serif;\n background: var(--blue-bg);\n color: var(--text);\n min-height: 100vh;\n padding: 0 0 4rem;\n }\n\n .banner {\n background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 60%, var(--blue-light) 100%);\n padding: 2.5rem 1.5rem 2rem;\n text-align: center;\n color: white;\n }\n\n .banner .logo-wrap {\n display: flex;\n justify-content: center;\n margin-bottom: 1.25rem;\n }\n\n .banner .logo-wrap img {\n width: 88px;\n height: 88px;\n object-fit: contain;\n border-radius: 50%;\n background: white;\n padding: 8px;\n }\n\n .banner .school-name {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n opacity: 0.75;\n margin-bottom: 0.5rem;\n }\n\n .banner h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(1.8rem, 6vw, 2.6rem);\n font-weight: 700;\n line-height: 1.1;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n margin-bottom: 0.75rem;\n }\n\n .banner .subtitle {\n font-size: 14px;\n opacity: 0.85;\n max-width: 420px;\n margin: 0 auto;\n line-height: 1.5;\n }\n\n .page-wrapper {\n max-width: 660px;\n margin: 0 auto;\n padding: 2rem 1rem 0;\n }\n\n .card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n margin-bottom: 1.25rem;\n overflow: hidden;\n }\n\n .card-header {\n background: var(--blue-dark);\n color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n padding: 10px 1.5rem;\n }\n\n .card-header.optional {\n background: var(--blue-mid);\n }\n\n .card-header .opt-badge {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.08em;\n background: rgba(255,255,255,0.2);\n padding: 2px 8px;\n border-radius: 100px;\n margin-left: 10px;\n vertical-align: middle;\n text-transform: uppercase;\n }\n\n .card-body {\n padding: 1.5rem;\n }\n\n .field {\n margin-bottom: 1.1rem;\n }\n .field:last-child { margin-bottom: 0; }\n\n .field-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.07em;\n margin-bottom: 5px;\n }\n\n label span.req { color: var(--blue-light); margin-left: 2px; }\n\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"tel\"],\n input[type=\"date\"],\n select {\n width: 100%;\n padding: 10px 13px;\n border: 1.5px solid var(--border);\n border-radius: var(--radius);\n font-family: 'Barlow', sans-serif;\n font-size: 15px;\n color: var(--text);\n background: var(--white);\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n appearance: none;\n -webkit-appearance: none;\n }\n\n input[type=\"date\"] {\n appearance: auto;\n -webkit-appearance: auto;\n }\n\n input:focus, select:focus {\n border-color: var(--blue-mid);\n box-shadow: 0 0 0 3px rgba(37,99,176,0.12);\n }\n\n .select-wrapper { position: relative; }\n .select-wrapper::after {\n content: '';\n position: absolute;\n right: 13px; top: 50%;\n transform: translateY(-50%);\n width: 0; height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 6px solid var(--text-muted);\n pointer-events: none;\n }\n\n \/* Choix ASSR *\/\n .choice-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .choice-option { position: relative; }\n\n .choice-option input[type=\"radio\"] {\n position: absolute; opacity: 0; width: 0; height: 0;\n }\n\n .choice-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.25rem 1rem;\n border: 1.5px solid var(--border);\n border-radius: var(--radius);\n cursor: pointer;\n transition: all 0.18s;\n text-align: center;\n background: var(--white);\n height: 100%;\n }\n\n .choice-label:hover {\n border-color: var(--blue-light);\n background: var(--blue-pale);\n }\n\n .choice-option input:checked + .choice-label {\n border-color: var(--blue-mid);\n background: var(--blue-pale);\n box-shadow: 0 0 0 3px rgba(37,99,176,0.1);\n }\n\n .choice-icon { font-size: 24px; margin-bottom: 8px; }\n\n .choice-name {\n font-weight: 700;\n font-size: 15px;\n color: var(--text);\n margin-bottom: 4px;\n }\n\n .choice-sub {\n font-size: 11px;\n color: var(--text-muted);\n line-height: 1.4;\n }\n\n .choice-option input:checked + .choice-label .choice-name {\n color: var(--blue-dark);\n }\n\n .checkmark {\n width: 17px; height: 17px;\n border-radius: 50%;\n border: 1.5px solid var(--border);\n margin-top: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.18s;\n flex-shrink: 0;\n }\n\n .choice-option input:checked + .choice-label .checkmark {\n background: var(--blue-mid);\n border-color: var(--blue-mid);\n }\n\n .choice-option input:checked + .choice-label .checkmark::after {\n content: '';\n width: 5px; height: 8px;\n border-right: 2px solid white;\n border-bottom: 2px solid white;\n transform: rotate(45deg) translateY(-1px);\n display: block;\n }\n\n \/* Errors *\/\n .error-msg {\n display: none;\n font-size: 11.5px;\n color: var(--red);\n margin-top: 4px;\n font-weight: 500;\n }\n .field.has-error input,\n .field.has-error select { border-color: var(--red); }\n .field.has-error .error-msg { display: block; }\n\n .choice-error {\n font-size: 11.5px;\n color: var(--red);\n margin-top: 8px;\n font-weight: 500;\n display: none;\n }\n\n \/* Info box *\/\n .info-box {\n background: var(--blue-pale);\n border-left: 3px solid var(--blue-mid);\n border-radius: 0 var(--radius) var(--radius) 0;\n padding: 0.85rem 1rem;\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 1.25rem;\n }\n\n .legal {\n font-size: 11.5px;\n color: var(--text-muted);\n line-height: 1.6;\n border-top: 1px solid var(--border);\n padding-top: 1rem;\n margin-top: 1rem;\n }\n\n .submit-btn {\n width: 100%;\n padding: 15px;\n background: var(--blue-dark);\n color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 17px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n border: none;\n border-radius: var(--radius);\n cursor: pointer;\n transition: all 0.2s;\n }\n\n .submit-btn:hover {\n background: var(--blue-mid);\n transform: translateY(-1px);\n box-shadow: 0 4px 18px rgba(26,58,107,0.28);\n }\n\n .submit-btn:active { transform: translateY(0); }\n .submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n\n \/* Success *\/\n .success-screen {\n display: none;\n text-align: center;\n padding: 3rem 2rem;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n\n .success-icon {\n width: 64px; height: 64px;\n background: var(--blue-pale);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n\n .success-icon svg {\n width: 30px; height: 30px;\n stroke: var(--blue-mid);\n }\n\n .success-screen h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n text-transform: uppercase;\n color: var(--blue-dark);\n margin-bottom: 0.5rem;\n }\n\n .success-screen p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 0.25rem;\n }\n\n .success-detail {\n margin-top: 1.5rem;\n background: var(--blue-pale);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n text-align: left;\n font-size: 14px;\n color: var(--text);\n line-height: 1.9;\n border-left: 3px solid var(--blue-mid);\n }\n\n .success-detail strong { color: var(--blue-dark); }\n\n @media (max-width: 480px) {\n .field-row { grid-template-columns: 1fr; }\n .choice-grid { grid-template-columns: 1fr; }\n .card-body { padding: 1.25rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"banner\">\n <div class=\"logo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/vtest1.college-lapierre.fr\/wp-content\/uploads\/2024\/09\/cropped-Logo-CLG-pont-v2.jpg\" alt=\"Logo Coll\u00e8ge Georges Lapierre\">\n <\/div>\n <div class=\"school-name\">Coll\u00e8ge Georges Lapierre \u2014 Lormont<\/div>\n <h1>Demande d’attestation<br>ASSR<\/h1>\n <div class=\"subtitle\">Formulaire r\u00e9serv\u00e9 aux anciens \u00e9l\u00e8ves du coll\u00e8ge<\/div>\n<\/div>\n\n<div class=\"page-wrapper\">\n<form id=\"assr-form\" novalidate>\n\n \n <div class=\"info-box\">\n Votre demande sera trait\u00e9e par l’\u00e9quipe administrative. L’attestation vous sera transmise par e-mail \u00e0 l’adresse indiqu\u00e9e dans ce formulaire.\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Votre identit\u00e9<\/div>\n <div class=\"card-body\">\n <div class=\"field-row\">\n <div class=\"field\" id=\"field-nom\">\n <label for=\"nom\">Nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Dupont\" autocomplete=\"family-name\">\n <div class=\"error-msg\">Veuillez saisir votre nom.<\/div>\n <\/div>\n <div class=\"field\" id=\"field-prenom\">\n <label for=\"prenom\">Pr\u00e9nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Emma\" autocomplete=\"given-name\">\n <div class=\"error-msg\">Veuillez saisir votre pr\u00e9nom.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\" id=\"field-ddn\">\n <label for=\"ddn\">Date de naissance <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" id=\"ddn\" name=\"ddn\">\n <div class=\"error-msg\">Veuillez indiquer votre date de naissance.<\/div>\n <\/div>\n <div class=\"field\" id=\"field-lieu\">\n <label for=\"lieu\">Lieu de naissance <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"lieu\" name=\"lieu\" placeholder=\"Ex : Bordeaux\">\n <div class=\"error-msg\">Veuillez indiquer votre lieu de naissance.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Coordonn\u00e9es<\/div>\n <div class=\"card-body\">\n <div class=\"field\" id=\"field-tel\">\n <label for=\"tel\">Num\u00e9ro de t\u00e9l\u00e9phone <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"tel\" name=\"tel\" placeholder=\"06 12 34 56 78\" autocomplete=\"tel\">\n <div class=\"error-msg\">Veuillez saisir votre num\u00e9ro de t\u00e9l\u00e9phone.<\/div>\n <\/div>\n\n <div class=\"field\" id=\"field-email\">\n <label for=\"email\">Adresse e-mail <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"emma.dupont@email.com\" autocomplete=\"email\">\n <div class=\"error-msg\">Veuillez saisir une adresse e-mail valide.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Document demand\u00e9<\/div>\n <div class=\"card-body\">\n <div class=\"choice-grid\">\n <div class=\"choice-option\">\n <input type=\"radio\" id=\"assr1\" name=\"assr\" value=\"ASSR 1\">\n <label class=\"choice-label\" for=\"assr1\">\n <div class=\"choice-icon\">\ud83d\udcc4<\/div>\n <div class=\"choice-name\">ASSR 1<\/div>\n <div class=\"choice-sub\">Attestation de S\u00e9curit\u00e9 Routi\u00e8re \u2014 niveau 1<br>(classe de 5\u00e8me)<\/div>\n <div class=\"checkmark\"><\/div>\n <\/label>\n <\/div>\n <div class=\"choice-option\">\n <input type=\"radio\" id=\"assr2\" name=\"assr\" value=\"ASSR 2\">\n <label class=\"choice-label\" for=\"assr2\">\n <div class=\"choice-icon\">\ud83d\udccb<\/div>\n <div class=\"choice-name\">ASSR 2<\/div>\n <div class=\"choice-sub\">Attestation de S\u00e9curit\u00e9 Routi\u00e8re \u2014 niveau 2<br>(classe de 3\u00e8me)<\/div>\n <div class=\"checkmark\"><\/div>\n <\/label>\n <\/div>\n <\/div>\n <div class=\"choice-error\" id=\"assr-error\">Veuillez s\u00e9lectionner le document souhait\u00e9.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header optional\">\n Scolarit\u00e9 au coll\u00e8ge\n <span class=\"opt-badge\">Facultatif<\/span>\n <\/div>\n <div class=\"card-body\">\n <p style=\"font-size:13px; color: var(--text-muted); margin-bottom: 1rem; line-height:1.5;\">\n Ces informations nous aident \u00e0 retrouver votre dossier plus rapidement. Renseignez-les si vous vous en souvenez.\n <\/p>\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"annee\">Ann\u00e9e scolaire de 3\u00e8me<\/label>\n <div class=\"select-wrapper\">\n <select id=\"annee\" name=\"annee\">\n <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n <option>2024-2025<\/option>\n <option>2023-2024<\/option>\n <option>2022-2023<\/option>\n <option>2021-2022<\/option>\n <option>2020-2021<\/option>\n <option>2019-2020<\/option>\n <option>2018-2019<\/option>\n <option>2017-2018<\/option>\n <option>2016-2017<\/option>\n <option>2015-2016<\/option>\n <option>2014-2015<\/option>\n <option>2013-2014<\/option>\n <option>2012-2013<\/option>\n <option>2011-2012<\/option>\n <option>2010-2011<\/option>\n <option>Avant 2010<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label for=\"classe3\">Nom de la classe de 3\u00e8me<\/label>\n <input type=\"text\" id=\"classe3\" name=\"classe3\" placeholder=\"Ex : 3 Babel\">\n <\/div>\n <\/div>\n\n <div class=\"legal\">\n Les informations collect\u00e9es sont utilis\u00e9es uniquement dans le cadre du traitement de votre demande d’attestation ASSR. Elles ne sont pas transmises \u00e0 des tiers. Conform\u00e9ment au RGPD, vous pouvez demander l’acc\u00e8s, la rectification ou la suppression de vos donn\u00e9es en contactant l’\u00e9tablissement.\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">Envoyer ma demande \u2192<\/button>\n\n<\/form>\n\n\n<div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <\/div>\n <h2>Demande envoy\u00e9e !<\/h2>\n <p>Votre demande a bien \u00e9t\u00e9 transmise \u00e0 l’\u00e9quipe administrative.<\/p>\n <p style=\"font-size:13px; color: #2563B0; margin-top: 4px;\">Un e-mail de confirmation vous a \u00e9t\u00e9 envoy\u00e9.<\/p>\n <div class=\"success-detail\" id=\"successDetail\"><\/div>\n<\/div>\n\n<\/div>\n\n<script>\n const form = document.getElementById('assr-form');\n\n function validateEmail(v) {\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\n }\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n let valid = true;\n\n const nom = document.getElementById('nom').value.trim();\n const prenom = document.getElementById('prenom').value.trim();\n const ddn = document.getElementById('ddn').value;\n const lieu = document.getElementById('lieu').value.trim();\n const tel = document.getElementById('tel').value.trim();\n const email = document.getElementById('email').value.trim();\n const assr = document.querySelector('input[name=\"assr\"]:checked');\n const annee = document.getElementById('annee').value;\n const classe3 = document.getElementById('classe3').value.trim();\n\n document.getElementById('field-nom').classList.toggle('has-error', !nom);\n document.getElementById('field-prenom').classList.toggle('has-error', !prenom);\n document.getElementById('field-ddn').classList.toggle('has-error', !ddn);\n document.getElementById('field-lieu').classList.toggle('has-error', !lieu);\n document.getElementById('field-tel').classList.toggle('has-error', !tel);\n if (!nom || !prenom || !ddn || !lieu || !tel) valid = false;\n\n const emailOk = email && validateEmail(email);\n document.getElementById('field-email').classList.toggle('has-error', !emailOk);\n if (!emailOk) valid = false;\n\n const assrErr = document.getElementById('assr-error');\n if (!assr) { assrErr.style.display = 'block'; valid = false; }\n else assrErr.style.display = 'none';\n\n if (!valid) {\n const firstErr = form.querySelector('.has-error, [style*=\"block\"]');\n if (firstErr) firstErr.scrollIntoView({ behavior: 'smooth', block: 'center' });\n return;\n }\n\n const btn = form.querySelector('.submit-btn');\n btn.disabled = true;\n btn.textContent = 'Envoi en cours\u2026';\n\n const ddnFormatted = new Date(ddn).toLocaleDateString('fr-FR');\n\n const payload = {\n nom, prenom,\n ddn: ddnFormatted,\n lieu, tel, email,\n assr: assr.value,\n annee: annee || 'Non renseign\u00e9e',\n classe3: classe3 || 'Non renseign\u00e9e'\n };\n\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxiLQ0PLOYSXJW22q5bNBSqrsNiCv2Q3WXG75t2uBQ3tEgwCVaGLTlzAyF1Bk6R2vFBJQ\/exec', {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\n })\n .then(() => {\n document.getElementById('successDetail').innerHTML =\n `<strong>Nom :<\/strong> ${nom.toUpperCase()} ${prenom}<br>` +\n `<strong>Date de naissance :<\/strong> ${ddnFormatted}<br>` +\n `<strong>Lieu de naissance :<\/strong> ${lieu}<br>` +\n `<strong>Document demand\u00e9 :<\/strong> ${assr.value}<br>` +\n `<strong>E-mail :<\/strong> ${email}<br>` +\n `<strong>T\u00e9l\u00e9phone :<\/strong> ${tel}` +\n (annee ? `<br><strong>Ann\u00e9e de 3\u00e8me :<\/strong> ${annee}` : '') +\n (classe3 ? `<br><strong>Classe :<\/strong> ${classe3}` : '');\n\n form.style.display = 'none';\n document.getElementById('successScreen').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n })\n .catch(() => {\n btn.disabled = false;\n btn.textContent = 'Envoyer ma demande \u2192';\n alert('Une erreur est survenue. Veuillez r\u00e9essayer.');\n });\n });\n\n ['nom','prenom','ddn','lieu','tel','email'].forEach(id => {\n const el = document.getElementById(id);\n if (el) el.addEventListener('input', () => {\n document.getElementById('field-' + id)?.classList.remove('has-error');\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Demande d’attestation ASSR \u2014 Coll\u00e8ge Georges Lapierre Coll\u00e8ge Georges Lapierre \u2014 Lormont Demande d’attestationASSR Formulaire r\u00e9serv\u00e9 aux anciens \u00e9l\u00e8ves du coll\u00e8ge Votre demande sera trait\u00e9e par l’\u00e9quipe administrative. L’attestation vous sera transmise par e-mail \u00e0 l’adresse indiqu\u00e9e dans ce formulaire. Votre identit\u00e9 Nom * Veuillez saisir votre nom. Pr\u00e9nom * Veuillez saisir votre pr\u00e9nom. Date…<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/vtest1.college-lapierre.fr\/?page_id=11919\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> “Demandes ASSR”<\/span> »<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-11919","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11919"}],"version-history":[{"count":1,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919\/revisions"}],"predecessor-version":[{"id":11920,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919\/revisions\/11920"}],"wp:attachment":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":11919,"date":"2026-03-20T16:08:41","date_gmt":"2026-03-20T14:08:41","guid":{"rendered":"https:\/\/vtest1.college-lapierre.fr\/?page_id=11919"},"modified":"2026-03-20T16:32:11","modified_gmt":"2026-03-20T14:32:11","slug":"demandes-assr","status":"publish","type":"page","link":"https:\/\/vtest1.college-lapierre.fr\/?page_id=11919","title":{"rendered":"Demandes ASSR"},"content":{"rendered":"\n\n\n\n\n\nDemande d’attestation ASSR \u2014 Coll\u00e8ge Georges Lapierre<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Barlow:wght@400;500;600;700&family=Barlow+Condensed:wght@600;700&display=swap\" rel=\"stylesheet\">\n<style>\n *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n :root {\n --blue-dark: #1A3A6B;\n --blue-mid: #2563B0;\n --blue-light: #4A90D9;\n --blue-pale: #E8F1FB;\n --blue-bg: #F0F5FC;\n --white: #FFFFFF;\n --text: #1A2535;\n --text-muted: #4A5E7A;\n --border: #C2D4ED;\n --radius: 10px;\n --red: #c0392b;\n }\n\n body {\n font-family: 'Barlow', sans-serif;\n background: var(--blue-bg);\n color: var(--text);\n min-height: 100vh;\n padding: 0 0 4rem;\n }\n\n .banner {\n background: linear-gradient(135deg, var(--blue-dark) 0%, var(--blue-mid) 60%, var(--blue-light) 100%);\n padding: 2.5rem 1.5rem 2rem;\n text-align: center;\n color: white;\n }\n\n .banner .logo-wrap {\n display: flex;\n justify-content: center;\n margin-bottom: 1.25rem;\n }\n\n .banner .logo-wrap img {\n width: 88px;\n height: 88px;\n object-fit: contain;\n border-radius: 50%;\n background: white;\n padding: 8px;\n }\n\n .banner .school-name {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 0.18em;\n text-transform: uppercase;\n opacity: 0.75;\n margin-bottom: 0.5rem;\n }\n\n .banner h1 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: clamp(1.8rem, 6vw, 2.6rem);\n font-weight: 700;\n line-height: 1.1;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n margin-bottom: 0.75rem;\n }\n\n .banner .subtitle {\n font-size: 14px;\n opacity: 0.85;\n max-width: 420px;\n margin: 0 auto;\n line-height: 1.5;\n }\n\n .page-wrapper {\n max-width: 660px;\n margin: 0 auto;\n padding: 2rem 1rem 0;\n }\n\n .card {\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n margin-bottom: 1.25rem;\n overflow: hidden;\n }\n\n .card-header {\n background: var(--blue-dark);\n color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 0.14em;\n text-transform: uppercase;\n padding: 10px 1.5rem;\n }\n\n .card-header.optional {\n background: var(--blue-mid);\n }\n\n .card-header .opt-badge {\n font-size: 10px;\n font-weight: 600;\n letter-spacing: 0.08em;\n background: rgba(255,255,255,0.2);\n padding: 2px 8px;\n border-radius: 100px;\n margin-left: 10px;\n vertical-align: middle;\n text-transform: uppercase;\n }\n\n .card-body {\n padding: 1.5rem;\n }\n\n .field {\n margin-bottom: 1.1rem;\n }\n .field:last-child { margin-bottom: 0; }\n\n .field-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n label {\n display: block;\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n text-transform: uppercase;\n letter-spacing: 0.07em;\n margin-bottom: 5px;\n }\n\n label span.req { color: var(--blue-light); margin-left: 2px; }\n\n input[type=\"text\"],\n input[type=\"email\"],\n input[type=\"tel\"],\n input[type=\"date\"],\n select {\n width: 100%;\n padding: 10px 13px;\n border: 1.5px solid var(--border);\n border-radius: var(--radius);\n font-family: 'Barlow', sans-serif;\n font-size: 15px;\n color: var(--text);\n background: var(--white);\n outline: none;\n transition: border-color 0.2s, box-shadow 0.2s;\n appearance: none;\n -webkit-appearance: none;\n }\n\n input[type=\"date\"] {\n appearance: auto;\n -webkit-appearance: auto;\n }\n\n input:focus, select:focus {\n border-color: var(--blue-mid);\n box-shadow: 0 0 0 3px rgba(37,99,176,0.12);\n }\n\n .select-wrapper { position: relative; }\n .select-wrapper::after {\n content: '';\n position: absolute;\n right: 13px; top: 50%;\n transform: translateY(-50%);\n width: 0; height: 0;\n border-left: 5px solid transparent;\n border-right: 5px solid transparent;\n border-top: 6px solid var(--text-muted);\n pointer-events: none;\n }\n\n \/* Choix ASSR *\/\n .choice-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 12px;\n }\n\n .choice-option { position: relative; }\n\n .choice-option input[type=\"radio\"] {\n position: absolute; opacity: 0; width: 0; height: 0;\n }\n\n .choice-label {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 1.25rem 1rem;\n border: 1.5px solid var(--border);\n border-radius: var(--radius);\n cursor: pointer;\n transition: all 0.18s;\n text-align: center;\n background: var(--white);\n height: 100%;\n }\n\n .choice-label:hover {\n border-color: var(--blue-light);\n background: var(--blue-pale);\n }\n\n .choice-option input:checked + .choice-label {\n border-color: var(--blue-mid);\n background: var(--blue-pale);\n box-shadow: 0 0 0 3px rgba(37,99,176,0.1);\n }\n\n .choice-icon { font-size: 24px; margin-bottom: 8px; }\n\n .choice-name {\n font-weight: 700;\n font-size: 15px;\n color: var(--text);\n margin-bottom: 4px;\n }\n\n .choice-sub {\n font-size: 11px;\n color: var(--text-muted);\n line-height: 1.4;\n }\n\n .choice-option input:checked + .choice-label .choice-name {\n color: var(--blue-dark);\n }\n\n .checkmark {\n width: 17px; height: 17px;\n border-radius: 50%;\n border: 1.5px solid var(--border);\n margin-top: 10px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: all 0.18s;\n flex-shrink: 0;\n }\n\n .choice-option input:checked + .choice-label .checkmark {\n background: var(--blue-mid);\n border-color: var(--blue-mid);\n }\n\n .choice-option input:checked + .choice-label .checkmark::after {\n content: '';\n width: 5px; height: 8px;\n border-right: 2px solid white;\n border-bottom: 2px solid white;\n transform: rotate(45deg) translateY(-1px);\n display: block;\n }\n\n \/* Errors *\/\n .error-msg {\n display: none;\n font-size: 11.5px;\n color: var(--red);\n margin-top: 4px;\n font-weight: 500;\n }\n .field.has-error input,\n .field.has-error select { border-color: var(--red); }\n .field.has-error .error-msg { display: block; }\n\n .choice-error {\n font-size: 11.5px;\n color: var(--red);\n margin-top: 8px;\n font-weight: 500;\n display: none;\n }\n\n \/* Info box *\/\n .info-box {\n background: var(--blue-pale);\n border-left: 3px solid var(--blue-mid);\n border-radius: 0 var(--radius) var(--radius) 0;\n padding: 0.85rem 1rem;\n font-size: 13px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 1.25rem;\n }\n\n .legal {\n font-size: 11.5px;\n color: var(--text-muted);\n line-height: 1.6;\n border-top: 1px solid var(--border);\n padding-top: 1rem;\n margin-top: 1rem;\n }\n\n .submit-btn {\n width: 100%;\n padding: 15px;\n background: var(--blue-dark);\n color: white;\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 17px;\n font-weight: 700;\n letter-spacing: 0.08em;\n text-transform: uppercase;\n border: none;\n border-radius: var(--radius);\n cursor: pointer;\n transition: all 0.2s;\n }\n\n .submit-btn:hover {\n background: var(--blue-mid);\n transform: translateY(-1px);\n box-shadow: 0 4px 18px rgba(26,58,107,0.28);\n }\n\n .submit-btn:active { transform: translateY(0); }\n .submit-btn:disabled { opacity: 0.6; cursor: not-allowed; transform: none; }\n\n \/* Success *\/\n .success-screen {\n display: none;\n text-align: center;\n padding: 3rem 2rem;\n background: var(--white);\n border: 1px solid var(--border);\n border-radius: 16px;\n }\n\n .success-icon {\n width: 64px; height: 64px;\n background: var(--blue-pale);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin: 0 auto 1.5rem;\n }\n\n .success-icon svg {\n width: 30px; height: 30px;\n stroke: var(--blue-mid);\n }\n\n .success-screen h2 {\n font-family: 'Barlow Condensed', sans-serif;\n font-size: 1.8rem;\n font-weight: 700;\n text-transform: uppercase;\n color: var(--blue-dark);\n margin-bottom: 0.5rem;\n }\n\n .success-screen p {\n font-size: 14px;\n color: var(--text-muted);\n line-height: 1.6;\n margin-bottom: 0.25rem;\n }\n\n .success-detail {\n margin-top: 1.5rem;\n background: var(--blue-pale);\n border-radius: var(--radius);\n padding: 1rem 1.25rem;\n text-align: left;\n font-size: 14px;\n color: var(--text);\n line-height: 1.9;\n border-left: 3px solid var(--blue-mid);\n }\n\n .success-detail strong { color: var(--blue-dark); }\n\n @media (max-width: 480px) {\n .field-row { grid-template-columns: 1fr; }\n .choice-grid { grid-template-columns: 1fr; }\n .card-body { padding: 1.25rem; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"banner\">\n <div class=\"logo-wrap\">\n <img decoding=\"async\" src=\"https:\/\/vtest1.college-lapierre.fr\/wp-content\/uploads\/2024\/09\/cropped-Logo-CLG-pont-v2.jpg\" alt=\"Logo Coll\u00e8ge Georges Lapierre\">\n <\/div>\n <div class=\"school-name\">Coll\u00e8ge Georges Lapierre \u2014 Lormont<\/div>\n <h1>Demande d’attestation<br>ASSR<\/h1>\n <div class=\"subtitle\">Formulaire r\u00e9serv\u00e9 aux anciens \u00e9l\u00e8ves du coll\u00e8ge<\/div>\n<\/div>\n\n<div class=\"page-wrapper\">\n<form id=\"assr-form\" novalidate>\n\n \n <div class=\"info-box\">\n Votre demande sera trait\u00e9e par l’\u00e9quipe administrative. L’attestation vous sera transmise par e-mail \u00e0 l’adresse indiqu\u00e9e dans ce formulaire.\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Votre identit\u00e9<\/div>\n <div class=\"card-body\">\n <div class=\"field-row\">\n <div class=\"field\" id=\"field-nom\">\n <label for=\"nom\">Nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"nom\" name=\"nom\" placeholder=\"Dupont\" autocomplete=\"family-name\">\n <div class=\"error-msg\">Veuillez saisir votre nom.<\/div>\n <\/div>\n <div class=\"field\" id=\"field-prenom\">\n <label for=\"prenom\">Pr\u00e9nom <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"prenom\" name=\"prenom\" placeholder=\"Emma\" autocomplete=\"given-name\">\n <div class=\"error-msg\">Veuillez saisir votre pr\u00e9nom.<\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field\" id=\"field-ddn\">\n <label for=\"ddn\">Date de naissance <span class=\"req\">*<\/span><\/label>\n <input type=\"date\" id=\"ddn\" name=\"ddn\">\n <div class=\"error-msg\">Veuillez indiquer votre date de naissance.<\/div>\n <\/div>\n <div class=\"field\" id=\"field-lieu\">\n <label for=\"lieu\">Lieu de naissance <span class=\"req\">*<\/span><\/label>\n <input type=\"text\" id=\"lieu\" name=\"lieu\" placeholder=\"Ex : Bordeaux\">\n <div class=\"error-msg\">Veuillez indiquer votre lieu de naissance.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Coordonn\u00e9es<\/div>\n <div class=\"card-body\">\n <div class=\"field\" id=\"field-tel\">\n <label for=\"tel\">Num\u00e9ro de t\u00e9l\u00e9phone <span class=\"req\">*<\/span><\/label>\n <input type=\"tel\" id=\"tel\" name=\"tel\" placeholder=\"06 12 34 56 78\" autocomplete=\"tel\">\n <div class=\"error-msg\">Veuillez saisir votre num\u00e9ro de t\u00e9l\u00e9phone.<\/div>\n <\/div>\n\n <div class=\"field\" id=\"field-email\">\n <label for=\"email\">Adresse e-mail <span class=\"req\">*<\/span><\/label>\n <input type=\"email\" id=\"email\" name=\"email\" placeholder=\"emma.dupont@email.com\" autocomplete=\"email\">\n <div class=\"error-msg\">Veuillez saisir une adresse e-mail valide.<\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header\">Document demand\u00e9<\/div>\n <div class=\"card-body\">\n <div class=\"choice-grid\">\n <div class=\"choice-option\">\n <input type=\"radio\" id=\"assr1\" name=\"assr\" value=\"ASSR 1\">\n <label class=\"choice-label\" for=\"assr1\">\n <div class=\"choice-icon\">\ud83d\udcc4<\/div>\n <div class=\"choice-name\">ASSR 1<\/div>\n <div class=\"choice-sub\">Attestation de S\u00e9curit\u00e9 Routi\u00e8re \u2014 niveau 1<br>(classe de 5\u00e8me)<\/div>\n <div class=\"checkmark\"><\/div>\n <\/label>\n <\/div>\n <div class=\"choice-option\">\n <input type=\"radio\" id=\"assr2\" name=\"assr\" value=\"ASSR 2\">\n <label class=\"choice-label\" for=\"assr2\">\n <div class=\"choice-icon\">\ud83d\udccb<\/div>\n <div class=\"choice-name\">ASSR 2<\/div>\n <div class=\"choice-sub\">Attestation de S\u00e9curit\u00e9 Routi\u00e8re \u2014 niveau 2<br>(classe de 3\u00e8me)<\/div>\n <div class=\"checkmark\"><\/div>\n <\/label>\n <\/div>\n <\/div>\n <div class=\"choice-error\" id=\"assr-error\">Veuillez s\u00e9lectionner le document souhait\u00e9.<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"card\">\n <div class=\"card-header optional\">\n Scolarit\u00e9 au coll\u00e8ge\n <span class=\"opt-badge\">Facultatif<\/span>\n <\/div>\n <div class=\"card-body\">\n <p style=\"font-size:13px; color: var(--text-muted); margin-bottom: 1rem; line-height:1.5;\">\n Ces informations nous aident \u00e0 retrouver votre dossier plus rapidement. Renseignez-les si vous vous en souvenez.\n <\/p>\n <div class=\"field-row\">\n <div class=\"field\">\n <label for=\"annee\">Ann\u00e9e scolaire de 3\u00e8me<\/label>\n <div class=\"select-wrapper\">\n <select id=\"annee\" name=\"annee\">\n <option value=\"\">\u2014 S\u00e9lectionner \u2014<\/option>\n <option>2024-2025<\/option>\n <option>2023-2024<\/option>\n <option>2022-2023<\/option>\n <option>2021-2022<\/option>\n <option>2020-2021<\/option>\n <option>2019-2020<\/option>\n <option>2018-2019<\/option>\n <option>2017-2018<\/option>\n <option>2016-2017<\/option>\n <option>2015-2016<\/option>\n <option>2014-2015<\/option>\n <option>2013-2014<\/option>\n <option>2012-2013<\/option>\n <option>2011-2012<\/option>\n <option>2010-2011<\/option>\n <option>Avant 2010<\/option>\n <\/select>\n <\/div>\n <\/div>\n <div class=\"field\">\n <label for=\"classe3\">Nom de la classe de 3\u00e8me<\/label>\n <input type=\"text\" id=\"classe3\" name=\"classe3\" placeholder=\"Ex : 3 Babel\">\n <\/div>\n <\/div>\n\n <div class=\"legal\">\n Les informations collect\u00e9es sont utilis\u00e9es uniquement dans le cadre du traitement de votre demande d’attestation ASSR. Elles ne sont pas transmises \u00e0 des tiers. Conform\u00e9ment au RGPD, vous pouvez demander l’acc\u00e8s, la rectification ou la suppression de vos donn\u00e9es en contactant l’\u00e9tablissement.\n <\/div>\n <\/div>\n <\/div>\n\n <button type=\"submit\" class=\"submit-btn\">Envoyer ma demande \u2192<\/button>\n\n<\/form>\n\n\n<div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <\/div>\n <h2>Demande envoy\u00e9e !<\/h2>\n <p>Votre demande a bien \u00e9t\u00e9 transmise \u00e0 l’\u00e9quipe administrative.<\/p>\n <p style=\"font-size:13px; color: #2563B0; margin-top: 4px;\">Un e-mail de confirmation vous a \u00e9t\u00e9 envoy\u00e9.<\/p>\n <div class=\"success-detail\" id=\"successDetail\"><\/div>\n<\/div>\n\n<\/div>\n\n<script>\n const form = document.getElementById('assr-form');\n\n function validateEmail(v) {\n return \/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test(v);\n }\n\n form.addEventListener('submit', function(e) {\n e.preventDefault();\n let valid = true;\n\n const nom = document.getElementById('nom').value.trim();\n const prenom = document.getElementById('prenom').value.trim();\n const ddn = document.getElementById('ddn').value;\n const lieu = document.getElementById('lieu').value.trim();\n const tel = document.getElementById('tel').value.trim();\n const email = document.getElementById('email').value.trim();\n const assr = document.querySelector('input[name=\"assr\"]:checked');\n const annee = document.getElementById('annee').value;\n const classe3 = document.getElementById('classe3').value.trim();\n\n document.getElementById('field-nom').classList.toggle('has-error', !nom);\n document.getElementById('field-prenom').classList.toggle('has-error', !prenom);\n document.getElementById('field-ddn').classList.toggle('has-error', !ddn);\n document.getElementById('field-lieu').classList.toggle('has-error', !lieu);\n document.getElementById('field-tel').classList.toggle('has-error', !tel);\n if (!nom || !prenom || !ddn || !lieu || !tel) valid = false;\n\n const emailOk = email && validateEmail(email);\n document.getElementById('field-email').classList.toggle('has-error', !emailOk);\n if (!emailOk) valid = false;\n\n const assrErr = document.getElementById('assr-error');\n if (!assr) { assrErr.style.display = 'block'; valid = false; }\n else assrErr.style.display = 'none';\n\n if (!valid) {\n const firstErr = form.querySelector('.has-error, [style*=\"block\"]');\n if (firstErr) firstErr.scrollIntoView({ behavior: 'smooth', block: 'center' });\n return;\n }\n\n const btn = form.querySelector('.submit-btn');\n btn.disabled = true;\n btn.textContent = 'Envoi en cours\u2026';\n\n const ddnFormatted = new Date(ddn).toLocaleDateString('fr-FR');\n\n const payload = {\n nom, prenom,\n ddn: ddnFormatted,\n lieu, tel, email,\n assr: assr.value,\n annee: annee || 'Non renseign\u00e9e',\n classe3: classe3 || 'Non renseign\u00e9e'\n };\n\n fetch('https:\/\/script.google.com\/macros\/s\/AKfycbxiLQ0PLOYSXJW22q5bNBSqrsNiCv2Q3WXG75t2uBQ3tEgwCVaGLTlzAyF1Bk6R2vFBJQ\/exec', {\n method: 'POST',\n mode: 'no-cors',\n headers: { 'Content-Type': 'application\/json' },\n body: JSON.stringify(payload)\n })\n .then(() => {\n document.getElementById('successDetail').innerHTML =\n `<strong>Nom :<\/strong> ${nom.toUpperCase()} ${prenom}<br>` +\n `<strong>Date de naissance :<\/strong> ${ddnFormatted}<br>` +\n `<strong>Lieu de naissance :<\/strong> ${lieu}<br>` +\n `<strong>Document demand\u00e9 :<\/strong> ${assr.value}<br>` +\n `<strong>E-mail :<\/strong> ${email}<br>` +\n `<strong>T\u00e9l\u00e9phone :<\/strong> ${tel}` +\n (annee ? `<br><strong>Ann\u00e9e de 3\u00e8me :<\/strong> ${annee}` : '') +\n (classe3 ? `<br><strong>Classe :<\/strong> ${classe3}` : '');\n\n form.style.display = 'none';\n document.getElementById('successScreen').style.display = 'block';\n window.scrollTo({ top: 0, behavior: 'smooth' });\n })\n .catch(() => {\n btn.disabled = false;\n btn.textContent = 'Envoyer ma demande \u2192';\n alert('Une erreur est survenue. Veuillez r\u00e9essayer.');\n });\n });\n\n ['nom','prenom','ddn','lieu','tel','email'].forEach(id => {\n const el = document.getElementById(id);\n if (el) el.addEventListener('input', () => {\n document.getElementById('field-' + id)?.classList.remove('has-error');\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n","protected":false},"excerpt":{"rendered":"<p>Demande d’attestation ASSR \u2014 Coll\u00e8ge Georges Lapierre Coll\u00e8ge Georges Lapierre \u2014 Lormont Demande d’attestationASSR Formulaire r\u00e9serv\u00e9 aux anciens \u00e9l\u00e8ves du coll\u00e8ge Votre demande sera trait\u00e9e par l’\u00e9quipe administrative. L’attestation vous sera transmise par e-mail \u00e0 l’adresse indiqu\u00e9e dans ce formulaire. Votre identit\u00e9 Nom * Veuillez saisir votre nom. Pr\u00e9nom * Veuillez saisir votre pr\u00e9nom. Date…<\/p>\n<p class=\"more-link-wrap\"><a href=\"https:\/\/vtest1.college-lapierre.fr\/?page_id=11919\" class=\"more-link\">Read More<span class=\"screen-reader-text\"> “Demandes ASSR”<\/span> »<\/a><\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"categories":[],"tags":[],"class_list":["post-11919","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=11919"}],"version-history":[{"count":1,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919\/revisions"}],"predecessor-version":[{"id":11920,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=\/wp\/v2\/pages\/11919\/revisions\/11920"}],"wp:attachment":[{"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=11919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=11919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/vtest1.college-lapierre.fr\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=11919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}