Babysiter – Garde d’enfants<\/title><\/p>\n<style>\n\t\tbody {\n\t\t\tfont-family: Arial, sans-serif;\n\t\t\tbackground: #f2f2f2;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t\theader {\n\t\t\tbackground: #333;\n\t\t\tcolor: #fff;\n\t\t\tpadding: 16px 0;\n\t\t\ttext-align: center;\n\t\t}\n\t\tnav {\n\t\t\tbackground: #eee;\n\t\t\tpadding: 10px 0;\n\t\t\ttext-align: center;\n\t\t}\n\t\tnav a {\n\t\t\tcolor: #333;\n\t\t\ttext-decoration: none;\n\t\t\tmargin: 0 20px;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\tnav a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\tmain {\n\t\t\tmax-width: 600px;\n\t\t\tmargin: 40px auto;\n\t\t\tbackground: #fff;\n\t\t\tpadding: 24px;\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: 0 2px 8px rgba(0,0,0,0.05);\n\t\t}\n\t\th2 {\n\t\t\tcolor: #4f46e5;\n\t\t}\n\t\tul {\n\t\t\ttext-align: left;\n\t\t\tmargin: 24px auto;\n\t\t\tmax-width: 400px;\n\t\t}\n\t\tli {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t\t.back-link {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\t\t\tmargin-top: 18px;\n\t\t\tcolor: #6366f1;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.back-link:hover {\n\t\t\ttext-decoration: underline;\n\t\t}<\/p>\n<p>\t\t\/* Smooth scroll and styles for service sections *\/\n\t\thtml { scroll-behavior: smooth; }\n\t\t.service-section { margin-top: 18px; padding: 14px 18px; background: #fafafa; border-radius: 8px; border: 1px solid #f0f0f0; }\n\t\t.service-section h3 { margin-top: 0; color: #374151; }\n\t\tul li a { color: inherit; text-decoration: none; font-weight: 600; }\n\t\tul li a:hover { text-decoration: underline; color: #4f46e5; }\n\t\t.back-to-top { font-size: 13px; color: #4f46e5; text-decoration: none; }\n\t\t.back-to-top:hover { text-decoration: underline; }\t\t\t\/* Skip link for accessibility *\/\n\t\t\t.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n\t\t\t.skip-link:focus{position:static;left:auto;width:auto;height:auto;background:#fff;padding:8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.12);}\n\t\t\t\/* Appointment message styles *\/\n\t\t\t.appointment-msg{display:none;padding:10px;border-radius:6px;margin-top:12px}\n\t\t\t.appointment-msg.warning{background:#fff3cd;border:1px solid #ffeeba;color:#664d03}\n\t\t\t.appointment-msg.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}\t<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header id=\"top\">\n<h1>Babysiter<\/h1>\n<\/header>\n<p>\t<a class=\"skip-link\" href=\"#mainContent\">Aller au contenu<\/a><\/p>\n<nav role=\"navigation\" aria-label=\"Navigation principale\">\n\t\t<a href=\"..\/accueil.html\">Accueil<\/a><br \/>\n\t\t<a href=\"..\/petsiter\/petsiter.html\">Petsiter<\/a><br \/>\n\t\t<a href=\"..\/compte\/se_connecter.html\">Se connecter<\/a><br \/>\n\t\t<a href=\"..\/compte\/cr\u00e9er_un_compte.html\">Cr\u00e9er un compte<\/a><br \/>\n\t<\/nav>\n<p>\t<button type=\"button\" id=\"attentionBtn\" class=\"attention-fixed\" aria-label=\"Attention\">Attention<\/button><br \/>\n\t<main id=\"mainContent\"><\/p>\n<h2>Service de garde d’enfants<\/h2>\n<p>Confiez la garde de vos enfants \u00e0 des personnes qualifi\u00e9es et de confiance !<\/p>\n<ul>\n<li><a href=\"#service-garde\">Garde \u00e0 domicile<\/a><\/li>\n<li><a href=\"#aide-devoirs\">Aide aux devoirs<\/a><\/li>\n<li><a href=\"#sorties-ecole\">Sorties d’\u00e9cole<\/a><\/li>\n<li><a href=\"#activites-ludiques\">Activit\u00e9s ludiques et \u00e9ducatives<\/a><\/li>\n<\/ul>\n<p>\t\t<\/p>\n<section id=\"service-garde\" class=\"service-section\">\n<h3>Garde \u00e0 domicile<\/h3>\n<p>Nos baby-sitters proposent la garde \u00e0 domicile, repas, temps calme et activit\u00e9s adapt\u00e9es \u00e0 l’\u00e2ge de l’enfant.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Garde%20%C3%A0%20domicile\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"aide-devoirs\" class=\"service-section\">\n<h3>Aide aux devoirs<\/h3>\n<p>Accompagnement pour les devoirs, aide m\u00e9thodologique et soutien scolaire ponctuel.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Aide%20aux%20devoirs\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"sorties-ecole\" class=\"service-section\">\n<h3>Sorties d’\u00e9cole<\/h3>\n<p>R\u00e9cup\u00e9ration \u00e0 la sortie d’\u00e9cole, accompagnement s\u00e9curis\u00e9 et activit\u00e9s jusqu’au retour des parents.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Sorties%20d%27%C3%A9cole\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"activites-ludiques\" class=\"service-section\">\n<h3>Activit\u00e9s ludiques et \u00e9ducatives<\/h3>\n<p>Ateliers et jeux \u00e9ducatifs pour stimuler la cr\u00e9ativit\u00e9 et l’apprentissage en s’amusant.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Activit%C3%A9s%20ludiques\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<p>\t\t<a href=\"..\/acceuil.html\" class=\"back-link\">← Retour \u00e0 l’accueil<\/a><br \/>\n\t<\/main><\/p>\n<p>\t\t<\/p>\n<div id=\"ageModal\" class=\"modal\" aria-hidden=\"true\" style=\"display:none;\">\n<div class=\"modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ageModalTitle\">\n<h3 id=\"ageModalTitle\">Attention<\/h3>\n<p>Nous avons entre <strong>10<\/strong> et <strong>11<\/strong> ans. Veuillez attendre <span id=\"countdown\">5<\/span> seconde(s) avant de pouvoir fermer ce message.<\/p>\n<p>\t\t\t\t<button id=\"closeModal\" disabled>Fermer<\/button>\n\t\t\t<\/div>\n<\/p><\/div>\n<style>\n\t\t\t\/* Styles pour le modal *\/\n\t\t\t.modal {\n\t\t\t\tposition: fixed;\n\t\t\t\tinset: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbackground: rgba(0,0,0,0.5);\n\t\t\t\tz-index: 9999;\n\t\t\t}\n\t\t\t.modal-content {\n\t\t\t\tbackground: #fff;\n\t\t\t\tpadding: 20px 24px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmax-width: 420px;\n\t\t\t\ttext-align: center;\n\t\t\t\tbox-shadow: 0 6px 24px rgba(0,0,0,0.25);\n\t\t\t}\n\t\t\t#closeModal {\n\t\t\t\tmargin-top: 12px;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tbackground: #4f46e5;\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t#closeModal[disabled] {\n\t\t\t\topacity: 0.6;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}<\/p>\n<p>\t\t\t\/* Bouton Attention fix\u00e9 \u00e0 gauche et toujours visible *\/\n\t\t\t.attention-fixed {\n\t\t\t\tposition: fixed;\n\t\t\t\tleft: 40px;\n\t\t\t\ttop: 180px;\n\t\t\t\tpadding: 14px 20px;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tmin-width: 140px;\n\t\t\t\ttext-align: center;\n\t\t\t\tbackground: #ef4444;\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tz-index: 10000;\n\t\t\t\tbox-shadow: 0 6px 16px rgba(0,0,0,0.18);\n\t\t\t\ttransition: transform 120ms ease, box-shadow 120ms ease;\n\t\t\t}\n\t\t\t.attention-fixed:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }\n\t\t\t@media (max-width: 800px) {\n\t\t\t\t.attention-fixed { left: 12px; top: 110px; padding: 12px 16px; font-size: 16px; min-width: 120px; }\n\t\t\t}\n\t\t<\/style>\n<p>\t\t<script>\n\t\t\t(function(){\n\t\t\t\tconst modal = document.getElementById('ageModal');\n\t\t\t\tconst closeBtn = document.getElementById('closeModal');\n\t\t\t\tconst countdownEl = document.getElementById('countdown');\n\t\t\t\tlet countdownTimer = null;\n\t\t\tlet remainingSeconds = 0;\n\t\t\tconst initialSeconds = 5;<\/p>\n<p>\t\t\tfunction startCountdown(){\n\t\t\t\tclearInterval(countdownTimer);\n\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\tcountdownTimer = setInterval(()=>{\n\t\t\t\t\tremainingSeconds--;\n\t\t\t\t\tif(remainingSeconds <= 0){\n\t\t\t\t\t\tclearInterval(countdownTimer);\n\t\t\t\t\t\tcountdownEl.textContent = '0';\n\t\t\t\t\t\tcloseBtn.disabled = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t}\n\t\t\t\t}, 1000);\n\t\t\t}\n\n\t\t\tfunction showPopup(){\n\t\t\t\tif(!modal) return;\n\t\t\t\tmodal.style.display = 'flex';\n\t\t\t\tmodal.setAttribute('aria-hidden','false');\n\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\tremainingSeconds = initialSeconds; \/\/ secondes \u00e0 attendre\n\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\tstartCountdown();\n\t\t\t}\n\n\t\t\tif(closeBtn){\n\t\t\t\tcloseBtn.addEventListener('click', function(){\n\t\t\t\t\tmodal.style.display = 'none';\n\t\t\t\t\tmodal.setAttribute('aria-hidden','true');\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ Bouton \"Attention\" pour ouvrir le popup manuellement\n\t\t\tconst attentionBtn = document.getElementById('attentionBtn');\n\t\t\tif(attentionBtn){\n\t\t\t\tattentionBtn.addEventListener('click', function(){\n\t\t\t\t\tshowPopup();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ Gestion du formulaire de rendez-vous\n\t\t\tconst apptForm = document.getElementById('appointmentForm');\n\t\t\tconst appointmentMsg = document.getElementById('appointmentMsg');\n\n\t\t\t\/\/ Emp\u00eache la fermeture en cliquant sur l'arri\u00e8re-plan (si modal pr\u00e9sent)\n\t\t\tif(modal){\n\t\t\t\tmodal.addEventListener('click', function(e){\n\t\t\t\t\tif(e.target === modal) {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\/\/ ne rien faire\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ \u00c9chap : ajoute 60s si le compte est en cours, ou red\u00e9marre le compte s'il est fini\n\t\t\tif(modal){\n\t\t\t\tdocument.addEventListener('keydown', function(e) {\n\t\t\t\t\tif(e.key === 'Escape' && modal.style.display === 'flex'){\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tif(remainingSeconds > 0){\n\t\t\t\t\t\t\t\/\/ ajoute une minute\n\t\t\t\t\t\t\tremainingSeconds = remainingSeconds + 60;\n\t\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t\t\t\/\/ assurer que le compte tourne et que le bouton reste d\u00e9sactiv\u00e9\n\t\t\t\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\t\t\t\tstartCountdown();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\/\/ si le compte est fini, relancer le compte (red\u00e9marrer \u00e0 initialSeconds)\n\t\t\t\t\t\t\tremainingSeconds = initialSeconds;\n\t\t\t\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t\t\tstartCountdown();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}<\/p>\n<p>\t\t\t\/\/ Montrer au chargement puis toutes les 5 minutes\n\t\t\twindow.addEventListener('load', function(){\n\t\t\t\tif(modal){\n\t\t\t\t\tshowPopup();\n\t\t\t\t\tsetInterval(showPopup, 5 * 60 * 1000);\n\t\t\t\t}\n\t\t\t});\n\t\t\tif(apptForm){\n\t\t\t\tapptForm.addEventListener('submit', function(ev){\n\t\t\t\t\tev.preventDefault();\n\t\t\t\t\tconst name = document.getElementById('apptName').value.trim();\n\t\t\t\t\tconst email = document.getElementById('apptEmail').value.trim();\n\t\t\t\t\tconst date = document.getElementById('apptDate').value;\n\t\t\t\t\tconst time = document.getElementById('apptTime').value;\n\t\t\t\t\tif(!name || !email || !date || !time){\n\t\t\t\t\t\tappointmentMsg.textContent = 'Veuillez remplir les champs obligatoires.';\n\t\t\t\t\tappointmentMsg.className = 'appointment-msg warning';\n\t\t\t\t\tappointmentMsg.style.display = 'block';\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t\/\/ Ici on pourrait envoyer via fetch \u00e0 un serveur; pour le moment on affiche une confirmation\n\t\t\t\tappointmentMsg.textContent = 'Merci \u2014 votre demande de rendez-vous a \u00e9t\u00e9 enregistr\u00e9e.';\n\t\t\t\tappointmentMsg.className = 'appointment-msg success';\n\t\t\t\tappointmentMsg.style.display = 'block';\n\t\t\t\tapptForm.reset();\n\t\t\t\tsetTimeout(()=> { appointmentMsg.style.display = 'none'; appointmentMsg.className = 'appointment-msg'; }, 6000);\n\t\t\t\t});\n\t\t\t}\n\t\t\t})();\n\t\t<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Babysiter – Garde d’enfants Babysiter Aller au contenu Accueil Petsiter Se connecter Cr\u00e9er un compte Attention Service de garde d’enfants Confiez la garde de vos enfants \u00e0 des personnes qualifi\u00e9es et de confiance ! Garde \u00e0 domicile Aide aux devoirs Sorties d’\u00e9cole Activit\u00e9s ludiques et \u00e9ducatives Garde \u00e0 domicile Nos baby-sitters proposent la garde \u00e0 domicile, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":2,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":18,"date":"2026-01-10T14:56:39","date_gmt":"2026-01-10T14:56:39","guid":{"rendered":"https:\/\/www.pipa.ovh\/?page_id=18"},"modified":"2026-01-10T15:01:19","modified_gmt":"2026-01-10T15:01:19","slug":"babysitter","status":"publish","type":"page","link":"https:\/\/www.pipa.ovh\/index.php\/babysitter\/","title":{"rendered":"babysitter"},"content":{"rendered":"

\n
\n
\n\t
\n\tBabysiter – Garde d’enfants<\/title><\/p>\n<style>\n\t\tbody {\n\t\t\tfont-family: Arial, sans-serif;\n\t\t\tbackground: #f2f2f2;\n\t\t\tmargin: 0;\n\t\t\tpadding: 0;\n\t\t}\n\t\theader {\n\t\t\tbackground: #333;\n\t\t\tcolor: #fff;\n\t\t\tpadding: 16px 0;\n\t\t\ttext-align: center;\n\t\t}\n\t\tnav {\n\t\t\tbackground: #eee;\n\t\t\tpadding: 10px 0;\n\t\t\ttext-align: center;\n\t\t}\n\t\tnav a {\n\t\t\tcolor: #333;\n\t\t\ttext-decoration: none;\n\t\t\tmargin: 0 20px;\n\t\t\tfont-weight: bold;\n\t\t}\n\t\tnav a:hover {\n\t\t\ttext-decoration: underline;\n\t\t}\n\t\tmain {\n\t\t\tmax-width: 600px;\n\t\t\tmargin: 40px auto;\n\t\t\tbackground: #fff;\n\t\t\tpadding: 24px;\n\t\t\tborder-radius: 8px;\n\t\t\tbox-shadow: 0 2px 8px rgba(0,0,0,0.05);\n\t\t}\n\t\th2 {\n\t\t\tcolor: #4f46e5;\n\t\t}\n\t\tul {\n\t\t\ttext-align: left;\n\t\t\tmargin: 24px auto;\n\t\t\tmax-width: 400px;\n\t\t}\n\t\tli {\n\t\t\tmargin-bottom: 10px;\n\t\t}\n\t\t.back-link {\n\t\t\tdisplay: block;\n\t\t\ttext-align: center;\n\t\t\tmargin-top: 18px;\n\t\t\tcolor: #6366f1;\n\t\t\ttext-decoration: none;\n\t\t}\n\t\t.back-link:hover {\n\t\t\ttext-decoration: underline;\n\t\t}<\/p>\n<p>\t\t\/* Smooth scroll and styles for service sections *\/\n\t\thtml { scroll-behavior: smooth; }\n\t\t.service-section { margin-top: 18px; padding: 14px 18px; background: #fafafa; border-radius: 8px; border: 1px solid #f0f0f0; }\n\t\t.service-section h3 { margin-top: 0; color: #374151; }\n\t\tul li a { color: inherit; text-decoration: none; font-weight: 600; }\n\t\tul li a:hover { text-decoration: underline; color: #4f46e5; }\n\t\t.back-to-top { font-size: 13px; color: #4f46e5; text-decoration: none; }\n\t\t.back-to-top:hover { text-decoration: underline; }\t\t\t\/* Skip link for accessibility *\/\n\t\t\t.skip-link{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}\n\t\t\t.skip-link:focus{position:static;left:auto;width:auto;height:auto;background:#fff;padding:8px;border-radius:6px;box-shadow:0 2px 8px rgba(0,0,0,0.12);}\n\t\t\t\/* Appointment message styles *\/\n\t\t\t.appointment-msg{display:none;padding:10px;border-radius:6px;margin-top:12px}\n\t\t\t.appointment-msg.warning{background:#fff3cd;border:1px solid #ffeeba;color:#664d03}\n\t\t\t.appointment-msg.success{background:#ecfdf5;border:1px solid #bbf7d0;color:#065f46}\t<\/style>\n<p><\/head><br \/>\n<body><\/p>\n<header id=\"top\">\n<h1>Babysiter<\/h1>\n<\/header>\n<p>\t<a class=\"skip-link\" href=\"#mainContent\">Aller au contenu<\/a><\/p>\n<nav role=\"navigation\" aria-label=\"Navigation principale\">\n\t\t<a href=\"..\/accueil.html\">Accueil<\/a><br \/>\n\t\t<a href=\"..\/petsiter\/petsiter.html\">Petsiter<\/a><br \/>\n\t\t<a href=\"..\/compte\/se_connecter.html\">Se connecter<\/a><br \/>\n\t\t<a href=\"..\/compte\/cr\u00e9er_un_compte.html\">Cr\u00e9er un compte<\/a><br \/>\n\t<\/nav>\n<p>\t<button type=\"button\" id=\"attentionBtn\" class=\"attention-fixed\" aria-label=\"Attention\">Attention<\/button><br \/>\n\t<main id=\"mainContent\"><\/p>\n<h2>Service de garde d’enfants<\/h2>\n<p>Confiez la garde de vos enfants \u00e0 des personnes qualifi\u00e9es et de confiance !<\/p>\n<ul>\n<li><a href=\"#service-garde\">Garde \u00e0 domicile<\/a><\/li>\n<li><a href=\"#aide-devoirs\">Aide aux devoirs<\/a><\/li>\n<li><a href=\"#sorties-ecole\">Sorties d’\u00e9cole<\/a><\/li>\n<li><a href=\"#activites-ludiques\">Activit\u00e9s ludiques et \u00e9ducatives<\/a><\/li>\n<\/ul>\n<p>\t\t<\/p>\n<section id=\"service-garde\" class=\"service-section\">\n<h3>Garde \u00e0 domicile<\/h3>\n<p>Nos baby-sitters proposent la garde \u00e0 domicile, repas, temps calme et activit\u00e9s adapt\u00e9es \u00e0 l’\u00e2ge de l’enfant.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Garde%20%C3%A0%20domicile\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"aide-devoirs\" class=\"service-section\">\n<h3>Aide aux devoirs<\/h3>\n<p>Accompagnement pour les devoirs, aide m\u00e9thodologique et soutien scolaire ponctuel.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Aide%20aux%20devoirs\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"sorties-ecole\" class=\"service-section\">\n<h3>Sorties d’\u00e9cole<\/h3>\n<p>R\u00e9cup\u00e9ration \u00e0 la sortie d’\u00e9cole, accompagnement s\u00e9curis\u00e9 et activit\u00e9s jusqu’au retour des parents.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Sorties%20d%27%C3%A9cole\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<section id=\"activites-ludiques\" class=\"service-section\">\n<h3>Activit\u00e9s ludiques et \u00e9ducatives<\/h3>\n<p>Ateliers et jeux \u00e9ducatifs pour stimuler la cr\u00e9ativit\u00e9 et l’apprentissage en s’amusant.<\/p>\n<p><a href=\"prendre_rendez_vous.html?service=Activit%C3%A9s%20ludiques\" class=\"back-to-top\">Prendre rendez-vous<\/a><\/p>\n<\/section>\n<p>\t\t<a href=\"..\/acceuil.html\" class=\"back-link\">← Retour \u00e0 l’accueil<\/a><br \/>\n\t<\/main><\/p>\n<p>\t\t<\/p>\n<div id=\"ageModal\" class=\"modal\" aria-hidden=\"true\" style=\"display:none;\">\n<div class=\"modal-content\" role=\"dialog\" aria-modal=\"true\" aria-labelledby=\"ageModalTitle\">\n<h3 id=\"ageModalTitle\">Attention<\/h3>\n<p>Nous avons entre <strong>10<\/strong> et <strong>11<\/strong> ans. Veuillez attendre <span id=\"countdown\">5<\/span> seconde(s) avant de pouvoir fermer ce message.<\/p>\n<p>\t\t\t\t<button id=\"closeModal\" disabled>Fermer<\/button>\n\t\t\t<\/div>\n<\/p><\/div>\n<style>\n\t\t\t\/* Styles pour le modal *\/\n\t\t\t.modal {\n\t\t\t\tposition: fixed;\n\t\t\t\tinset: 0;\n\t\t\t\tdisplay: flex;\n\t\t\t\talign-items: center;\n\t\t\t\tjustify-content: center;\n\t\t\t\tbackground: rgba(0,0,0,0.5);\n\t\t\t\tz-index: 9999;\n\t\t\t}\n\t\t\t.modal-content {\n\t\t\t\tbackground: #fff;\n\t\t\t\tpadding: 20px 24px;\n\t\t\t\tborder-radius: 8px;\n\t\t\t\tmax-width: 420px;\n\t\t\t\ttext-align: center;\n\t\t\t\tbox-shadow: 0 6px 24px rgba(0,0,0,0.25);\n\t\t\t}\n\t\t\t#closeModal {\n\t\t\t\tmargin-top: 12px;\n\t\t\t\tpadding: 8px 14px;\n\t\t\t\tbackground: #4f46e5;\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 6px;\n\t\t\t\tcursor: pointer;\n\t\t\t}\n\t\t\t#closeModal[disabled] {\n\t\t\t\topacity: 0.6;\n\t\t\t\tcursor: not-allowed;\n\t\t\t}<\/p>\n<p>\t\t\t\/* Bouton Attention fix\u00e9 \u00e0 gauche et toujours visible *\/\n\t\t\t.attention-fixed {\n\t\t\t\tposition: fixed;\n\t\t\t\tleft: 40px;\n\t\t\t\ttop: 180px;\n\t\t\t\tpadding: 14px 20px;\n\t\t\t\tfont-size: 18px;\n\t\t\t\tmin-width: 140px;\n\t\t\t\ttext-align: center;\n\t\t\t\tbackground: #ef4444;\n\t\t\t\tcolor: #fff;\n\t\t\t\tborder: none;\n\t\t\t\tborder-radius: 10px;\n\t\t\t\tcursor: pointer;\n\t\t\t\tz-index: 10000;\n\t\t\t\tbox-shadow: 0 6px 16px rgba(0,0,0,0.18);\n\t\t\t\ttransition: transform 120ms ease, box-shadow 120ms ease;\n\t\t\t}\n\t\t\t.attention-fixed:hover { transform: translateY(-2px); box-shadow: 0 8px 20px rgba(0,0,0,0.2); }\n\t\t\t@media (max-width: 800px) {\n\t\t\t\t.attention-fixed { left: 12px; top: 110px; padding: 12px 16px; font-size: 16px; min-width: 120px; }\n\t\t\t}\n\t\t<\/style>\n<p>\t\t<script>\n\t\t\t(function(){\n\t\t\t\tconst modal = document.getElementById('ageModal');\n\t\t\t\tconst closeBtn = document.getElementById('closeModal');\n\t\t\t\tconst countdownEl = document.getElementById('countdown');\n\t\t\t\tlet countdownTimer = null;\n\t\t\tlet remainingSeconds = 0;\n\t\t\tconst initialSeconds = 5;<\/p>\n<p>\t\t\tfunction startCountdown(){\n\t\t\t\tclearInterval(countdownTimer);\n\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\tcountdownTimer = setInterval(()=>{\n\t\t\t\t\tremainingSeconds--;\n\t\t\t\t\tif(remainingSeconds <= 0){\n\t\t\t\t\t\tclearInterval(countdownTimer);\n\t\t\t\t\t\tcountdownEl.textContent = '0';\n\t\t\t\t\t\tcloseBtn.disabled = false;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t}\n\t\t\t\t}, 1000);\n\t\t\t}\n\n\t\t\tfunction showPopup(){\n\t\t\t\tif(!modal) return;\n\t\t\t\tmodal.style.display = 'flex';\n\t\t\t\tmodal.setAttribute('aria-hidden','false');\n\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\tremainingSeconds = initialSeconds; \/\/ secondes \u00e0 attendre\n\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\tstartCountdown();\n\t\t\t}\n\n\t\t\tif(closeBtn){\n\t\t\t\tcloseBtn.addEventListener('click', function(){\n\t\t\t\t\tmodal.style.display = 'none';\n\t\t\t\t\tmodal.setAttribute('aria-hidden','true');\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ Bouton \"Attention\" pour ouvrir le popup manuellement\n\t\t\tconst attentionBtn = document.getElementById('attentionBtn');\n\t\t\tif(attentionBtn){\n\t\t\t\tattentionBtn.addEventListener('click', function(){\n\t\t\t\t\tshowPopup();\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ Gestion du formulaire de rendez-vous\n\t\t\tconst apptForm = document.getElementById('appointmentForm');\n\t\t\tconst appointmentMsg = document.getElementById('appointmentMsg');\n\n\t\t\t\/\/ Emp\u00eache la fermeture en cliquant sur l'arri\u00e8re-plan (si modal pr\u00e9sent)\n\t\t\tif(modal){\n\t\t\t\tmodal.addEventListener('click', function(e){\n\t\t\t\t\tif(e.target === modal) {\n\t\t\t\t\t\te.stopPropagation();\n\t\t\t\t\t\t\/\/ ne rien faire\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}\n\n\t\t\t\/\/ \u00c9chap : ajoute 60s si le compte est en cours, ou red\u00e9marre le compte s'il est fini\n\t\t\tif(modal){\n\t\t\t\tdocument.addEventListener('keydown', function(e) {\n\t\t\t\t\tif(e.key === 'Escape' && modal.style.display === 'flex'){\n\t\t\t\t\t\te.preventDefault();\n\t\t\t\t\t\tif(remainingSeconds > 0){\n\t\t\t\t\t\t\t\/\/ ajoute une minute\n\t\t\t\t\t\t\tremainingSeconds = remainingSeconds + 60;\n\t\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t\t\t\/\/ assurer que le compte tourne et que le bouton reste d\u00e9sactiv\u00e9\n\t\t\t\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\t\t\t\tstartCountdown();\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\t\/\/ si le compte est fini, relancer le compte (red\u00e9marrer \u00e0 initialSeconds)\n\t\t\t\t\t\t\tremainingSeconds = initialSeconds;\n\t\t\t\t\t\t\tcloseBtn.disabled = true;\n\t\t\t\t\t\t\tcountdownEl.textContent = remainingSeconds;\n\t\t\t\t\t\t\tstartCountdown();\n\t\t\t\t\t\t}\n\t\t\t\t\t}\n\t\t\t\t});\n\t\t\t}<\/p>\n<p>\t\t\t\/\/ Montrer au chargement puis toutes les 5 minutes\n\t\t\twindow.addEventListener('load', function(){\n\t\t\t\tif(modal){\n\t\t\t\t\tshowPopup();\n\t\t\t\t\tsetInterval(showPopup, 5 * 60 * 1000);\n\t\t\t\t}\n\t\t\t});\n\t\t\tif(apptForm){\n\t\t\t\tapptForm.addEventListener('submit', function(ev){\n\t\t\t\t\tev.preventDefault();\n\t\t\t\t\tconst name = document.getElementById('apptName').value.trim();\n\t\t\t\t\tconst email = document.getElementById('apptEmail').value.trim();\n\t\t\t\t\tconst date = document.getElementById('apptDate').value;\n\t\t\t\t\tconst time = document.getElementById('apptTime').value;\n\t\t\t\t\tif(!name || !email || !date || !time){\n\t\t\t\t\t\tappointmentMsg.textContent = 'Veuillez remplir les champs obligatoires.';\n\t\t\t\t\tappointmentMsg.className = 'appointment-msg warning';\n\t\t\t\t\tappointmentMsg.style.display = 'block';\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\t\/\/ Ici on pourrait envoyer via fetch \u00e0 un serveur; pour le moment on affiche une confirmation\n\t\t\t\tappointmentMsg.textContent = 'Merci \u2014 votre demande de rendez-vous a \u00e9t\u00e9 enregistr\u00e9e.';\n\t\t\t\tappointmentMsg.className = 'appointment-msg success';\n\t\t\t\tappointmentMsg.style.display = 'block';\n\t\t\t\tapptForm.reset();\n\t\t\t\tsetTimeout(()=> { appointmentMsg.style.display = 'none'; appointmentMsg.className = 'appointment-msg'; }, 6000);\n\t\t\t\t});\n\t\t\t}\n\t\t\t})();\n\t\t<\/script><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Babysiter – Garde d’enfants Babysiter Aller au contenu Accueil Petsiter Se connecter Cr\u00e9er un compte Attention Service de garde d’enfants Confiez la garde de vos enfants \u00e0 des personnes qualifi\u00e9es et de confiance ! Garde \u00e0 domicile Aide aux devoirs Sorties d’\u00e9cole Activit\u00e9s ludiques et \u00e9ducatives Garde \u00e0 domicile Nos baby-sitters proposent la garde \u00e0 domicile, […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-18","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/comments?post=18"}],"version-history":[{"count":2,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions"}],"predecessor-version":[{"id":23,"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/pages\/18\/revisions\/23"}],"wp:attachment":[{"href":"https:\/\/www.pipa.ovh\/index.php\/wp-json\/wp\/v2\/media?parent=18"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}