{"id":2,"date":"2026-07-29T19:44:04","date_gmt":"2026-07-29T17:44:04","guid":{"rendered":"http:\/\/localhost:8081\/?page_id=2"},"modified":"2026-08-09T18:25:35","modified_gmt":"2026-08-09T16:25:35","slug":"page-d-exemple","status":"publish","type":"page","link":"https:\/\/eventandgames.fr\/","title":{"rendered":""},"content":{"rendered":"<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Event &amp; Games \u00b7 Organisatrice d&rsquo;\u00e9v\u00e9nements en Haute-Savoie<\/title>\n<meta name=\"description\" content=\"Event &amp; Games, par Claire Guerini : olympiades, EVJF\/EVG, f\u00eates en famille, kids party et team-building en Haute-Savoie. Des moments pens\u00e9s sur mesure, avec soin.\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin=\"\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,500;0,600;0,700;1,500;1,600&#038;family=Alex+Brush&#038;family=Work+Sans:wght@300;400;500;600&#038;display=swap\" rel=\"stylesheet\">\n<style>\n*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}\nnav,.hero,section,.footer-band,footer{margin-block-start:0!important;margin-block-end:0!important}\n\n:root{\n  --forest:#063731;\n  --forest-deep:#052b26;\n  --forest-2:#0d453c;\n  --sage:#4f706b;\n  --sage-light:#93aca5;\n  --cream:#fbe8ca;\n  --linen:#f6efdc;\n  --linen-2:#ece0c4;\n  --paper:#faf5e8;\n  --ink:#212f29;\n  --ink-soft:#51625a;\n  --serif:'Cormorant Garamond',Georgia,serif;\n  --script:'Alex Brush',cursive;\n  --sans:'Work Sans',system-ui,-apple-system,sans-serif;\n  --ease:cubic-bezier(.22,1,.36,1);\n  --ease-slow:cubic-bezier(.16,1,.32,1);\n}\n\nhtml{scroll-behavior:smooth;scroll-padding-top:84px;font-size:118%}\nbody{font-family:var(--sans);font-weight:300;background:var(--paper);color:var(--ink);overflow-x:hidden;line-height:1.6}\nimg{display:block;max-width:100%}\na{text-decoration:none;color:inherit}\nbutton{font-family:inherit;cursor:pointer}\n:focus-visible{outline:2px solid var(--sage);outline-offset:3px}\n\n.ico{width:1em;height:1em;display:inline-block;vertical-align:-.15em}\n\n\/* \u2500\u2500\u2500 SKIP LINK \u2500\u2500\u2500 *\/\n.skip{position:absolute;top:-999px;left:1rem;background:var(--cream);color:var(--forest);padding:.6rem 1.1rem;border-radius:3px;font-size:0.95rem;font-weight:500;z-index:999}\n.skip:focus{top:1rem;z-index:999}\n\n\/* \u2500\u2500\u2500 TEXTURE \u2500\u2500\u2500 *\/\n.grain{position:absolute;inset:0;pointer-events:none;\n  background-image:url(\"data:image\/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='3' stitchTiles='stitch'\/%3E%3C\/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.35'\/%3E%3C\/svg%3E\");\n  opacity:.5;mix-blend-mode:overlay;\n}\n\n\/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\nnav{\n  position:fixed;top:0;left:0;right:0;z-index:200;\n  height:76px;display:flex;align-items:center;justify-content:space-between;\n  padding:0 clamp(1.5rem,5vw,4rem);\n  background:rgba(6,55,49,.68);\n  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);\n  border-bottom:1px solid rgba(251,232,202,.1);\n  transition:background .5s var(--ease),border-color .5s var(--ease);\n}\nnav.scrolled{background:rgba(6,55,49,.92);border-color:rgba(251,232,202,.14)}\n.nav-logo{display:flex;align-items:baseline;color:var(--cream);flex-shrink:0}\n.nav-logo span{font-family:var(--serif);font-size:1.32rem;letter-spacing:.02em;font-weight:600}\n.nav-logo em{font-style:italic;font-weight:500;color:var(--sage-light);margin:0 .05em}\n.nav-center{display:flex;gap:2.25rem;list-style:none}\n.nav-center a{\n  font-size:0.97rem;font-weight:500;letter-spacing:.04em;\n  color:rgba(251,242,224,.88);transition:color .35s var(--ease);position:relative;padding-bottom:3px;\n}\n.nav-center a::after{\n  content:'';position:absolute;bottom:-1px;left:0;right:0;height:1px;\n  background:var(--sage-light);transform:scaleX(0);transform-origin:left;transition:transform .5s var(--ease-slow);\n}\n.nav-center a.active,.nav-center a:hover{color:var(--cream)}\n.nav-center a.active::after,.nav-center a:hover::after{transform:scaleX(1)}\n.nav-cta{\n  font-size:0.87rem;font-weight:500;letter-spacing:.05em;\n  color:var(--forest);background:var(--cream);border:none;\n  padding:.6rem 1.4rem;border-radius:2px;\n  transition:background .35s var(--ease),transform .35s var(--ease);flex-shrink:0;\n}\n.nav-cta:hover{background:#fff;transform:translateY(-1px)}\n.burger{display:none;flex-direction:column;gap:5px;background:none;border:none;padding:4px}\n.burger span{display:block;width:22px;height:1.5px;background:var(--cream);transition:transform .4s var(--ease),opacity .3s}\n.burger.open span:nth-child(1){transform:translateY(6.5px) rotate(45deg)}\n.burger.open span:nth-child(2){opacity:0}\n.burger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}\n.mobile-menu{\n  display:none;position:fixed;top:0;left:0;right:0;bottom:0;z-index:190;\n  background:rgba(5,43,38,.98);\n  flex-direction:column;align-items:center;justify-content:center;gap:2.25rem;\n  opacity:0;transition:opacity .5s var(--ease);\n}\n.mobile-menu.open{opacity:1}\n.mobile-menu a{font-family:var(--serif);font-size:1.9rem;color:rgba(251,232,202,.85);transition:color .3s}\n.mobile-menu a:hover{color:var(--cream)}\n.mobile-menu .nav-cta{margin-top:.5rem}\n\n\/* \u2500\u2500\u2500 SECTION HELPERS \u2500\u2500\u2500 *\/\n.section{padding:clamp(5rem,12vh,9rem) clamp(1.5rem,6vw,4rem);position:relative}\n.container{max-width:1080px;margin:0 auto;position:relative}\n.narrow{max-width:680px}\n.dark{background:var(--forest);color:rgba(251,242,224,.88)}\n.light{background:var(--linen);color:var(--ink)}\n.paper-bg{background:var(--paper)}\n.eyebrow{\n  display:flex;align-items:center;gap:.7rem;\n  font-family:var(--sans);font-size:0.81rem;font-weight:500;letter-spacing:.16em;text-transform:uppercase;\n  margin-bottom:1.1rem;\n}\n.dark .eyebrow{color:var(--sage-light)}\n.light .eyebrow,.paper-bg .eyebrow{color:var(--sage)}\n.eyebrow .ico{width:1.1em;height:1.1em}\nh2.h{\n  font-family:var(--serif);font-weight:600;\n  font-size:clamp(2.16rem,4vw,3.24rem);line-height:1.18;\n  margin-bottom:1.4rem;\n}\n.dark h2.h{color:var(--cream)}\n.light h2.h,.paper-bg h2.h{color:var(--forest)}\nh2.h em{font-style:italic;font-weight:500}\n.dark h2.h em{color:var(--sage-light)}\n.light h2.h em,.paper-bg h2.h em{color:var(--sage)}\n.lead{font-size:1.14rem;font-weight:300;line-height:1.85;max-width:540px}\n.dark .lead{color:rgba(251,242,224,.72)}\n.light .lead,.paper-bg .lead{color:var(--ink-soft)}\n\n.divider{display:flex;justify-content:center;padding:0 0 clamp(3rem,6vh,4.5rem)}\n.divider .ico{width:2.4rem;height:2.4rem;opacity:.35}\n.dark .divider .ico{color:var(--sage-light)}\n.light .divider .ico,.paper-bg .divider .ico{color:var(--sage)}\n\n\/* \u2500\u2500\u2500 REVEAL \u2500\u2500\u2500 *\/\n.reveal{opacity:0;transform:translateY(26px);transition:opacity 1.1s var(--ease-slow),transform 1.1s var(--ease-slow)}\n.reveal.visible{opacity:1;transform:translateY(0)}\n.reveal-soft{opacity:0;transition:opacity 1.3s var(--ease-slow)}\n.reveal-soft.visible{opacity:1}\n\n\/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n.hero{\n  position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;\n  background:var(--forest);overflow:hidden;padding-top:76px;\n}\n.hero-photo{position:absolute;inset:0}\n.hero-photo img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) brightness(.55) sepia(.12)}\n.hero-photo::after{\n  content:'';position:absolute;inset:0;\n  background:\n    radial-gradient(ellipse 55% 60% at 30% 40%,rgba(251,232,202,.14) 0%,transparent 62%),\n    linear-gradient(to top,var(--forest) 0%,rgba(6,55,49,.55) 38%,rgba(6,55,49,.35) 60%,rgba(6,55,49,.7) 100%),\n    linear-gradient(to right,var(--forest) 0%,rgba(6,55,49,.55) 40%,rgba(6,55,49,.15) 75%);\n}\n.hero-compass{\n  position:absolute;right:-8%;top:50%;transform:translateY(-50%);\n  width:min(46vw,620px);height:min(46vw,620px);color:var(--sage-light);opacity:.14;\n  animation:spinSlow 160s linear infinite;\n}\n@keyframes spinSlow{to{transform:translateY(-50%) rotate(360deg)}}\n.hero-inner{position:relative;z-index:1;max-width:820px;text-align:center;padding:clamp(6rem,14vh,3rem) clamp(1.5rem,6vw,4rem) clamp(4rem,10vh,5rem)}\n.hero-eyebrow{\n  font-size:0.84rem;font-weight:500;letter-spacing:.18em;text-transform:uppercase;\n  color:var(--sage-light);margin-bottom:1.75rem;display:flex;align-items:center;justify-content:center;gap:.75rem;\n}\n.hero-eyebrow::before,.hero-eyebrow::after{content:'';width:2rem;height:1px;background:var(--sage-light)}\n.hero-h1{\n  font-family:var(--serif);font-weight:600;\n  font-size:clamp(2.81rem,6vw,4.75rem);line-height:1.14;\n  color:var(--cream);margin-bottom:1.75rem;\n}\n.hero-h1 em{font-style:italic;font-weight:500;color:#fff}\n.hero-lead{font-size:1.18rem;font-weight:300;color:rgba(251,242,224,.8);line-height:1.85;max-width:560px;margin:0 auto 2.75rem}\n.hero-btns{display:flex;gap:1rem;flex-wrap:wrap;justify-content:center}\n.btn{\n  font-size:0.92rem;font-weight:500;letter-spacing:.04em;\n  padding:.95rem 2rem;border-radius:2px;transition:background .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease),transform .35s var(--ease);\n  border:1px solid transparent;\n}\n.btn-fill{background:var(--cream);color:var(--forest)}\n.btn-fill:hover{background:#fff;transform:translateY(-2px)}\n.btn-ghost{background:transparent;color:rgba(251,242,224,.85);border-color:rgba(251,232,202,.32)}\n.btn-ghost:hover{border-color:var(--cream);color:var(--cream);transform:translateY(-2px)}\n.btn-line{background:transparent;color:var(--forest);border-color:rgba(6,55,49,.3);padding:.9rem 1.9rem}\n.btn-line:hover{border-color:var(--forest);background:rgba(6,55,49,.05)}\n.hero-scroll{\n  position:absolute;bottom:2.25rem;left:50%;transform:translateX(-50%);z-index:1;\n  font-size:0.76rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(251,232,202,.4);\n  display:flex;flex-direction:column;align-items:center;gap:.6rem;\n}\n.hero-scroll::after{content:'';width:1px;height:1.6rem;background:linear-gradient(to bottom,rgba(251,232,202,.55),transparent);animation:driftDown 2.6s ease-in-out infinite}\n@keyframes driftDown{0%,100%{opacity:.3}50%{opacity:.9}}\n\n\/* \u2500\u2500\u2500 ABOUT \u2500\u2500\u2500 *\/\n.about-grid{display:grid;grid-template-columns:5fr 7fr;gap:clamp(3rem,7vw,6rem);align-items:center}\n.about-photo{position:relative}\n.about-photo img{width:100%;aspect-ratio:4\/5;object-fit:cover;filter:saturate(.85)}\n.about-quote{\n  font-family:var(--serif);font-style:italic;font-weight:500;\n  font-size:1.46rem;line-height:1.6;color:var(--forest);\n  padding:1.5rem 0 1.5rem 1.75rem;margin:2.25rem 0;border-left:2px solid var(--sage);\n}\n.about-text p{margin-bottom:1.3rem;color:var(--ink-soft);line-height:1.85}\n.about-text p strong{color:var(--forest);font-weight:600}\n.about-sig{display:flex;align-items:baseline;gap:1rem;margin-top:1.75rem}\n.about-sig-script{font-family:var(--script);font-size:2.35rem;color:var(--sage);line-height:1}\n.about-sig-role{font-size:0.85rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-soft)}\n\n\/* \u2500\u2500\u2500 SERVICES \u2500\u2500\u2500 *\/\n.svc-list{margin-top:2.5rem}\n.svc-row{\n  display:grid;grid-template-columns:auto 1fr auto;gap:1.75rem 2rem;align-items:start;\n  padding:2.1rem 0;border-top:1px solid rgba(251,232,202,.14);\n}\n.svc-row:last-of-type{border-bottom:1px solid rgba(251,232,202,.14)}\n.svc-glyph{\n  width:3.1rem;height:3.1rem;border-radius:50%;\n  border:1px solid rgba(147,172,165,.4);\n  display:flex;align-items:center;justify-content:center;\n  font-family:var(--serif);font-size:1.29rem;color:var(--sage-light);\n}\n.svc-body{min-width:0}\n.svc-name{font-family:var(--serif);font-weight:600;font-size:1.57rem;color:var(--cream);margin-bottom:.3rem}\n.svc-cap{font-size:0.78rem;letter-spacing:.1em;text-transform:uppercase;color:var(--sage-light);margin-bottom:.7rem}\n.svc-desc{font-size:1.03rem;line-height:1.8;color:rgba(251,242,224,.68);max-width:52ch}\n.svc-actions{align-self:center;display:flex;flex-direction:column;align-items:flex-end;gap:.75rem}\n.svc-cta{\n  font-size:0.81rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;\n  color:var(--cream);white-space:nowrap;padding-bottom:2px;border-bottom:1px solid rgba(251,232,202,.35);\n  transition:border-color .4s var(--ease),color .4s var(--ease);\n}\n.svc-cta:hover{border-color:var(--cream);color:#fff}\n.svc-tarif-link{\n  font-size:0.81rem;font-weight:500;letter-spacing:.08em;white-space:nowrap;\n  color:var(--sage-light);opacity:.9;transition:opacity .3s var(--ease),color .3s var(--ease);\n}\n.svc-tarif-link:hover{opacity:1;color:var(--cream)}\n.svc-more .svc-name{color:var(--sage-light)}\n.svc-more .svc-desc{color:rgba(251,242,224,.55)}\n\n\/* \u2500\u2500\u2500 HOW \u2500\u2500\u2500 *\/\n.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:2rem;margin-top:1rem;position:relative}\n.steps::before{\n  content:'';position:absolute;top:2.4rem;left:calc(12.5% + 2px);right:calc(12.5% + 2px);height:1px;\n  background-image:repeating-linear-gradient(to right,var(--sage) 0 6px,transparent 6px 14px);opacity:.4;\n}\n.step{padding:0 .5rem;text-align:center}\n.step-num{\n  width:4.8rem;height:4.8rem;border-radius:50%;margin:0 auto 1.6rem;position:relative;z-index:1;\n  background:var(--paper);border:1px solid var(--linen-2);\n  display:flex;align-items:center;justify-content:center;\n  font-family:var(--serif);font-weight:600;font-size:1.57rem;color:var(--forest);\n}\n.step-name{font-family:var(--serif);font-weight:600;font-size:1.25rem;color:var(--forest);margin-bottom:.6rem}\n.step-desc{font-size:0.99rem;color:var(--ink-soft);line-height:1.75}\n.step-warn{font-size:0.81rem;color:var(--sage);margin-top:.75rem;font-style:italic}\n\n\/* \u2500\u2500\u2500 PRICING \u2500\u2500\u2500 *\/\n.menu-list{margin-top:2.5rem}\n.menu-row{padding:1.6rem 0;border-top:1px solid var(--linen-2);transition:background-color 1.2s var(--ease-slow)}\n.menu-row:target{background-color:rgba(79,112,107,.1)}\n.menu-row:last-of-type{border-bottom:1px solid var(--linen-2)}\n.menu-top{display:flex;align-items:baseline;gap:.6rem;flex-wrap:wrap}\n.menu-name{font-family:var(--serif);font-weight:600;font-size:1.46rem;color:var(--forest)}\n.menu-leader{flex:1;border-bottom:1px dotted var(--sage-light);min-width:2rem;transform:translateY(-.35rem);opacity:.7}\n.menu-price{font-family:var(--serif);font-weight:600;font-size:1.29rem;color:var(--sage);white-space:nowrap}\n.menu-meta{font-size:0.81rem;letter-spacing:.06em;text-transform:uppercase;color:var(--sage);margin-top:.4rem}\n.menu-incl{font-size:0.96rem;color:var(--ink-soft);margin-top:.55rem;line-height:1.7;max-width:60ch}\n\n.options-block{margin-top:3.5rem;padding-top:3rem;border-top:1px solid var(--linen-2)}\n.options-title{font-family:var(--serif);font-weight:600;font-size:1.46rem;color:var(--forest);margin-bottom:1.6rem}\n.options-title em{font-style:italic;color:var(--sage);font-weight:500}\n.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:1.5rem 2rem}\n.opt-row{display:flex;flex-direction:column;gap:.3rem;padding-top:.9rem;border-top:1px solid var(--linen-2)}\n.opt-name{font-size:0.95rem;color:var(--ink)}\n.opt-price{font-size:0.92rem;color:var(--sage)}\n\n\/* \u2500\u2500\u2500 GALLERY \u2500\u2500\u2500 *\/\n.gallery-wrap{margin-top:2.5rem}\n.gallery-note{font-size:0.95rem;color:rgba(251,242,224,.55);margin-top:1.5rem;font-style:italic}\n\n\/* \u2500\u2500\u2500 CONTACT \u2500\u2500\u2500 *\/\n.contact-inner{display:grid;grid-template-columns:1fr 1.3fr;gap:clamp(3rem,6vw,6rem);align-items:start}\n.contact-sig{font-family:var(--script);font-size:2.69rem;color:var(--sage-light);margin:1.75rem 0 2.25rem}\n.cinfo{display:flex;flex-direction:column;gap:1.4rem}\n.cinfo-item{display:flex;align-items:flex-start;gap:1rem}\n.cinfo-ico{\n  width:2.3rem;height:2.3rem;border-radius:50%;flex-shrink:0;\n  background:rgba(251,232,202,.08);border:1px solid rgba(251,232,202,.18);color:var(--sage-light);\n  display:flex;align-items:center;justify-content:center;\n}\n.cinfo-ico svg{width:15px;height:15px}\n.cinfo-label{font-size:0.76rem;letter-spacing:.12em;text-transform:uppercase;color:rgba(251,232,202,.5);margin-bottom:.2rem}\n.cinfo-val{font-size:1.03rem;color:rgba(251,242,224,.88)}\n.cinfo-val a{transition:color .3s}\n.cinfo-val a:hover{color:var(--cream)}\n\n.contact-form{background:var(--linen);color:var(--ink);border-radius:3px;padding:clamp(2rem,4vw,3rem)}\n.wpcf7-response-output{\n  margin-top:1.25rem!important;padding:.85rem 1.1rem!important;border-radius:2px;\n  font-size:0.95rem;line-height:1.6;color:var(--ink)!important;\n  background:#fff;border:1px solid var(--sage)!important;\n}\n.wpcf7-not-valid-tip{color:#a4482f!important;font-size:0.87rem;margin-top:.35rem;display:block}\n.wpcf7-form.invalid .wpcf7-response-output{border-color:#a4482f!important}\n.wpcf7-form.sent .wpcf7-response-output{border-color:var(--sage)!important}\n.form-title{font-family:var(--serif);font-weight:600;font-size:1.57rem;color:var(--forest);margin-bottom:.4rem}\n.form-sub{font-size:0.95rem;color:var(--ink-soft);margin-bottom:2rem}\n.fg{margin-bottom:1.15rem}\n.fl{display:block;min-height:2.6em;font-size:0.78rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--sage);margin-bottom:.4rem;line-height:1.3}\n.fi,.fsel,.fta{\n  width:100%;padding:.75rem .95rem;border:1px solid var(--linen-2);border-radius:2px;\n  font-family:var(--sans);font-size:1.01rem;color:var(--ink);background:var(--paper);\n  transition:border-color .35s var(--ease);outline:none;\n}\n.fi:focus,.fsel:focus,.fta:focus{border-color:var(--sage)}\n.fta{resize:vertical;min-height:110px}\n.frow{display:grid;grid-template-columns:1fr 1fr;gap:1rem}\n.fsub{\n  width:100%;padding:.9rem;margin-top:.6rem;background:var(--forest);color:var(--cream);border:none;border-radius:2px;\n  font-size:0.92rem;font-weight:500;letter-spacing:.08em;text-transform:uppercase;\n  transition:background .4s var(--ease),transform .35s var(--ease);\n}\n.fsub:hover{background:var(--forest-2);transform:translateY(-1px)}\n.form-success{display:none;text-align:center;padding:2.5rem 1rem}\n.form-success-icon{width:2.4rem;height:2.4rem;margin:0 auto 1.1rem;color:var(--sage)}\n.form-success-title{font-family:var(--serif);font-weight:600;font-size:1.51rem;color:var(--forest);margin-bottom:.6rem}\n.form-success-sub{font-size:0.99rem;color:var(--ink-soft);line-height:1.7}\n\n\/* \u2500\u2500\u2500 FOOTER \u2500\u2500\u2500 *\/\n.footer-band{\n  background:var(--forest-deep);border-top:1px solid rgba(251,232,202,.08);\n  padding:1.4rem clamp(1.5rem,5vw,4rem);\n  display:flex;justify-content:center;gap:clamp(2rem,5vw,4.5rem);flex-wrap:wrap;\n}\n.fb{display:flex;flex-direction:column;align-items:center;gap:.25rem}\n.fb-label{font-size:0.69rem;letter-spacing:.15em;text-transform:uppercase;color:var(--sage-light)}\n.fb-val{font-size:0.92rem;color:rgba(251,242,224,.78)}\nfooter{background:var(--forest-deep);padding:2.25rem clamp(1.5rem,5vw,4rem)}\n.footer-inner{max-width:1080px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.25rem}\n.footer-brand{display:flex;align-items:center;gap:.6rem;color:rgba(251,232,202,.6)}\n.footer-brand .ico{width:1.2rem;height:1.2rem}\n.footer-brand span{font-family:var(--serif);font-size:1.06rem}\n.footer-links{display:flex;gap:1.75rem;list-style:none;flex-wrap:wrap}\n.footer-links a{font-size:0.81rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(251,232,202,.5);transition:color .3s}\n.footer-links a:hover{color:var(--cream)}\n.footer-copy{font-size:0.83rem;color:rgba(251,232,202,.35)}\n\n\/* \u2500\u2500\u2500 RESPONSIVE \u2500\u2500\u2500 *\/\n@media(max-width:960px){\n  .about-grid{grid-template-columns:1fr}\n  .about-photo{max-width:340px}\n  .steps{grid-template-columns:1fr 1fr;row-gap:2.75rem}\n  .steps::before{display:none}\n  .contact-inner{grid-template-columns:1fr}\n  .svc-row{grid-template-columns:auto 1fr}\n  .svc-actions{grid-column:2;align-items:flex-start;margin-top:.25rem}\n}\n@media(max-width:720px){\n  .nav-center,.nav-cta{display:none}\n  .burger{display:flex}\n  .hero-inner{max-width:100%}\n  .frow{grid-template-columns:1fr}\n  .opt-grid{grid-template-columns:1fr 1fr}\n}\n@media(max-width:480px){\n  .opt-grid{grid-template-columns:1fr}\n}\n@media (prefers-reduced-motion:reduce){\n  html{scroll-behavior:auto}\n  .reveal,.reveal-soft{transition:none;opacity:1;transform:none}\n  .hero-compass{animation:none}\n  .hero-scroll::after{animation:none}\n}\n<\/style>\n\n<svg width=\"0\" height=\"0\" style=\"position:absolute\" aria-hidden=\"true\">\n  <symbol id=\"ico-compass\" viewBox=\"0 0 200 200\">\n    <g fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.1\">\n      <circle cx=\"100\" cy=\"100\" r=\"92\"\/>\n      <circle cx=\"100\" cy=\"100\" r=\"64\"\/>\n      <circle cx=\"100\" cy=\"100\" r=\"6\"\/>\n      <path d=\"M100 4 L100 196 M4 100 L196 100 M29 29 L171 171 M171 29 L29 171\"\/>\n      <path d=\"M100 22 L108 90 L100 100 L92 90 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\".9\"\/>\n      <path d=\"M100 178 L108 110 L100 100 L92 110 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\".55\"\/>\n      <path d=\"M22 100 L90 92 L100 100 L90 108 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\".55\"\/>\n      <path d=\"M178 100 L110 92 L100 100 L110 108 Z\" fill=\"currentColor\" stroke=\"none\" opacity=\".55\"\/>\n    <\/g>\n  <\/symbol>\n  <symbol id=\"ico-dice\" viewBox=\"0 0 100 100\">\n    <rect x=\"12\" y=\"12\" width=\"76\" height=\"76\" rx=\"16\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"6\"\/>\n    <circle cx=\"31\" cy=\"31\" r=\"7\" fill=\"currentColor\"\/>\n    <circle cx=\"69\" cy=\"31\" r=\"7\" fill=\"currentColor\"\/>\n    <circle cx=\"50\" cy=\"50\" r=\"7\" fill=\"currentColor\"\/>\n    <circle cx=\"31\" cy=\"69\" r=\"7\" fill=\"currentColor\"\/>\n    <circle cx=\"69\" cy=\"69\" r=\"7\" fill=\"currentColor\"\/>\n  <\/symbol>\n<\/svg>\n\n<a href=\"#main\" class=\"skip\">Aller au contenu principal<\/a>\n\n<!-- NAV -->\n<nav id=\"nav\">\n  <a href=\"#hero\" class=\"nav-logo\"><span>Event <em>&amp;<\/em> Games<\/span><\/a>\n  <ul class=\"nav-center\" role=\"list\">\n    <li><a href=\"#about\" data-section=\"about\">Qui suis-je<\/a><\/li>\n    <li><a href=\"#services\" data-section=\"services\">Prestations<\/a><\/li>\n    <li><a href=\"#how\" data-section=\"how\">D\u00e9roul\u00e9<\/a><\/li>\n    <li><a href=\"#tarifs\" data-section=\"tarifs\">Tarifs<\/a><\/li>\n    <li><a href=\"#galerie\" data-section=\"galerie\">Galerie<\/a><\/li>\n  <\/ul>\n  <a href=\"#contact\" class=\"nav-cta\">Nous contacter<\/a>\n  <button class=\"burger\" id=\"burger\" aria-label=\"Ouvrir le menu\" aria-expanded=\"false\" aria-controls=\"mobile-menu\">\n    <span><\/span><span><\/span><span><\/span>\n  <\/button>\n<\/nav>\n\n<!-- MOBILE MENU -->\n<div class=\"mobile-menu\" id=\"mobile-menu\" role=\"dialog\" aria-modal=\"true\" aria-label=\"Menu de navigation\">\n  <a href=\"#about\" class=\"mm-link\">Qui suis-je<\/a>\n  <a href=\"#services\" class=\"mm-link\">Prestations<\/a>\n  <a href=\"#how\" class=\"mm-link\">D\u00e9roul\u00e9<\/a>\n  <a href=\"#tarifs\" class=\"mm-link\">Tarifs<\/a>\n  <a href=\"#galerie\" class=\"mm-link\">Galerie<\/a>\n  <a href=\"#contact\" class=\"nav-cta mm-link\">Nous contacter<\/a>\n<\/div>\n\n<main id=\"main\">\n\n<!-- HERO -->\n<section class=\"hero\" id=\"hero\" aria-label=\"Accueil\">\n  <div class=\"hero-photo\" aria-hidden=\"true\">\n    <img decoding=\"async\" src=\"https:\/\/eventandgamesfr.wordpress.com\/wp-content\/uploads\/2026\/03\/whatsapp-image-2025-05-23-a-15.02.06_600bbca3.jpg\" alt=\"\" loading=\"eager\">\n  <\/div>\n  <svg class=\"hero-compass\" viewBox=\"0 0 200 200\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg>\n  <div class=\"grain\" aria-hidden=\"true\"><\/div>\n  <div class=\"hero-inner\">\n    <div class=\"hero-eyebrow\">Haute-Savoie \u00b7 Organisation d&rsquo;\u00e9v\u00e9nements sur mesure<\/div>\n    <h1 class=\"hero-h1\">Entrez.<br><em>On vous attendait.<\/em><\/h1>\n    <p class=\"hero-lead\">Event &amp; Games imagine et orchestre vos olympiades, EVJF, f\u00eates en famille, kids party et journ\u00e9es de coh\u00e9sion, avec <strong>le soin qu&rsquo;on r\u00e9serve aux invit\u00e9s qu&rsquo;on est heureux de recevoir<\/strong>.<\/p>\n    <div class=\"hero-btns\">\n      <a href=\"#contact\" class=\"btn btn-fill\">Prendre rendez-vous<\/a>\n      <a href=\"#services\" class=\"btn btn-ghost\">D\u00e9couvrir les prestations<\/a>\n    <\/div>\n  <\/div>\n  <div class=\"hero-scroll\" aria-hidden=\"true\">Descendre doucement<\/div>\n<\/section>\n\n<!-- ABOUT -->\n<section class=\"section light\" id=\"about\" aria-label=\"\u00c0 propos de Claire\">\n  <div class=\"container\">\n    <div class=\"about-grid\">\n      <div class=\"about-photo reveal\">\n        <img decoding=\"async\" src=\"https:\/\/eventandgamesfr.wordpress.com\/wp-content\/uploads\/2026\/03\/photo-moi-1.jpg\" alt=\"Claire Guerini, fondatrice d'Event &amp; Games\" loading=\"lazy\">\n      <\/div>\n      <div class=\"reveal about-text\">\n        <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg>L&rsquo;h\u00f4tesse de la maison<\/div>\n        <h2 class=\"h\">Bonjour, je suis <em>Claire<\/em><\/h2>\n        <p>Je m&rsquo;appelle Claire Guerini, j&rsquo;ai 29 ans et je suis haut-savoyarde. Apr\u00e8s des \u00e9tudes en relations internationales et en gestion de projet, je me suis dirig\u00e9e vers le secteur associatif, port\u00e9e par l&rsquo;envie de travailler aupr\u00e8s d&rsquo;ONG en tant que charg\u00e9e de projet.<\/p>\n        <p>Ces exp\u00e9riences m&rsquo;ont donn\u00e9 le go\u00fbt de porter mes propres id\u00e9es. Depuis plusieurs ann\u00e9es d\u00e9j\u00e0, j&rsquo;organisais pour mes proches des olympiades, des jeux, des apr\u00e8s-midis entiers pens\u00e9s comme des petites f\u00eates. <strong>Cr\u00e9er, imaginer, rassembler<\/strong> : c&rsquo;est ce qui m&rsquo;anime, tout simplement.<\/p>\n        <div class=\"about-quote\">Alors un jour, je me suis dit : pourquoi ne pas en faire quelque chose de plus grand ? C&rsquo;est ainsi qu&rsquo;est n\u00e9 Event &amp; Games.<\/div>\n        <div class=\"about-sig\">\n          <span class=\"about-sig-script\">Claire<\/span>\n          <span class=\"about-sig-role\">Fondatrice d&rsquo;Event &amp; Games<\/span>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"section dark\" id=\"services\" aria-label=\"Prestations\">\n  <div class=\"container\">\n    <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-dice\"><\/use><\/svg>Comme \u00e0 une table partag\u00e9e<\/div>\n    <h2 class=\"h\">Cinq formules, <em>une seule envie<\/em> : vous rassembler<\/h2>\n    <p class=\"lead\">Chaque prestation se pr\u00e9pare comme un plat qu&rsquo;on mitonne : pens\u00e9e pour votre groupe, votre lieu, votre humeur du jour.<\/p>\n\n    <div class=\"svc-list\">\n      <div class=\"svc-row reveal\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\">O<\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">Olympiades<\/div>\n          <div class=\"svc-cap\">Jusqu&rsquo;\u00e0 60 personnes<\/div>\n          <p class=\"svc-desc\">Une journ\u00e9e de comp\u00e9tition enti\u00e8rement personnalis\u00e9e : choix des jeux, cr\u00e9ation des \u00e9quipes, installation, animation par 1 \u00e0 3 animateurs, puis rangement. <strong>Il ne vous reste qu&rsquo;\u00e0 jouer.<\/strong><\/p>\n        <\/div>\n        <div class=\"svc-actions\">\n          <a href=\"#contact\" class=\"svc-cta\">Demander un devis<\/a>\n          <a href=\"#tarif-olympiades\" class=\"svc-tarif-link\">Voir le tarif \u2193<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-row reveal\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\">E<\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">EVJF &amp; EVG<\/div>\n          <div class=\"svc-cap\">Jusqu&rsquo;\u00e0 20 personnes<\/div>\n          <p class=\"svc-desc\">La coordination compl\u00e8te, ou juste ce qu&rsquo;il faut, d&rsquo;un week-end <strong>dont on se souvient vraiment<\/strong> : activit\u00e9s, jeux, logistique, du premier au dernier moment.<\/p>\n        <\/div>\n        <div class=\"svc-actions\">\n          <a href=\"#contact\" class=\"svc-cta\">Demander un devis<\/a>\n          <a href=\"#tarif-evjf\" class=\"svc-tarif-link\">Voir le tarif \u2193<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-row reveal\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\">F<\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">Family &amp; Friends<\/div>\n          <div class=\"svc-cap\">Jusqu&rsquo;\u00e0 60 personnes<\/div>\n          <p class=\"svc-desc\">Un moment convivial, sportif, festif ou tout doux entre amis ou en famille, compos\u00e9 sur mesure, <strong>sans rien \u00e0 porter sur vos \u00e9paules<\/strong>.<\/p>\n        <\/div>\n        <div class=\"svc-actions\">\n          <a href=\"#contact\" class=\"svc-cta\">Demander un devis<\/a>\n          <a href=\"#tarif-family\" class=\"svc-tarif-link\">Voir le tarif \u2193<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-row reveal\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\">K<\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">Kids Party<\/div>\n          <div class=\"svc-cap\">Jusqu&rsquo;\u00e0 30 enfants (\u2013 14 ans)<\/div>\n          <p class=\"svc-desc\">Une f\u00eate d&rsquo;enfants pens\u00e9e dans les moindres d\u00e9tails : jeux, animation, <strong>petite magie du quotidien<\/strong>, pour les petits comme pour les grands qui les accompagnent.<\/p>\n        <\/div>\n        <div class=\"svc-actions\">\n          <a href=\"#contact\" class=\"svc-cta\">Demander un devis<\/a>\n          <a href=\"#tarif-kids\" class=\"svc-tarif-link\">Voir le tarif \u2193<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-row reveal\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\">T<\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">Team-Building<\/div>\n          <div class=\"svc-cap\">Jusqu&rsquo;\u00e0 50 personnes<\/div>\n          <p class=\"svc-desc\">Des exp\u00e9riences de coh\u00e9sion con\u00e7ues pour votre entreprise, o\u00f9 <strong>l&rsquo;\u00e9nergie du groupe compte plus que le protocole<\/strong>.<\/p>\n        <\/div>\n        <div class=\"svc-actions\">\n          <a href=\"#contact\" class=\"svc-cta\">Demander un devis<\/a>\n          <a href=\"#tarif-team\" class=\"svc-tarif-link\">Voir le tarif \u2193<\/a>\n        <\/div>\n      <\/div>\n      <div class=\"svc-row reveal svc-more\">\n        <div class=\"svc-glyph\" aria-hidden=\"true\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg><\/div>\n        <div class=\"svc-body\">\n          <div class=\"svc-name\">Et si votre id\u00e9e n&rsquo;existe pas encore<\/div>\n          <p class=\"svc-desc\">Chasse au tr\u00e9sor, enqu\u00eate, d\u00e9fi invent\u00e9 pour l&rsquo;occasion\u2026 Racontez-moi ce que vous imaginez, on le construit ensemble.<\/p>\n        <\/div>\n        <a href=\"#contact\" class=\"svc-cta\">En parler<\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- HOW -->\n<section class=\"section light\" id=\"how\" aria-label=\"Comment \u00e7a marche\">\n  <div class=\"container\">\n    <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg>Le d\u00e9roul\u00e9, tranquillement<\/div>\n    <h2 class=\"h\">Un chemin simple, <em>sans zone d&rsquo;ombre<\/em><\/h2>\n    <p class=\"lead\">Avant toute chose, on se parle. Pensez simplement au lieu et au nombre de participants : <strong>le reste, on le construit ensemble<\/strong>.<\/p>\n    <div class=\"steps\">\n      <div class=\"step reveal\">\n        <div class=\"step-num\">1<\/div>\n        <div class=\"step-name\">On \u00e9change<\/div>\n        <p class=\"step-desc\">Un appel ou un message, et un premier rendez-vous pour <strong>poser vos envies sur la table<\/strong>.<\/p>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"step-num\">2<\/div>\n        <div class=\"step-name\">Je vous propose<\/div>\n        <p class=\"step-desc\">Quelques jours plus tard, une premi\u00e8re id\u00e9e pens\u00e9e pour votre groupe, <strong>pas un mod\u00e8le standard<\/strong>.<\/p>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"step-num\">3<\/div>\n        <div class=\"step-name\">On ajuste<\/div>\n        <p class=\"step-desc\">On affine ensemble, <strong>\u00e0 votre rythme<\/strong>, jusqu&rsquo;au devis qui vous ressemble.<\/p>\n        <p class=\"step-warn\">\u00c0 pr\u00e9voir au moins un mois avant l&rsquo;\u00e9v\u00e9nement<\/p>\n      <\/div>\n      <div class=\"step reveal\">\n        <div class=\"step-num\">4<\/div>\n        <div class=\"step-name\">Vous profitez<\/div>\n        <p class=\"step-desc\">Je m&rsquo;occupe de tout et vous tiens inform\u00e9\u00b7e. Le jour venu, <strong>il ne vous reste qu&rsquo;\u00e0 vivre l&rsquo;instant<\/strong>.<\/p>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- TARIFS -->\n<section class=\"section paper-bg\" id=\"tarifs\" aria-label=\"Tarifs\">\n  <div class=\"container\">\n    <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-dice\"><\/use><\/svg>Un accord honn\u00eate<\/div>\n    <h2 class=\"h\">Des tarifs <em>clairs<\/em>, comme une promesse tenue<\/h2>\n    <p class=\"lead\">Chaque \u00e9v\u00e9nement est diff\u00e9rent : le lieu, le nombre d&rsquo;invit\u00e9s et vos envies particuli\u00e8res font varier ces tarifs indicatifs.<\/p>\n\n    <div class=\"menu-list\">\n      <div class=\"menu-row reveal\" id=\"tarif-olympiades\">\n        <div class=\"menu-top\"><span class=\"menu-name\">Olympiades<\/span><span class=\"menu-leader\" aria-hidden=\"true\"><\/span><span class=\"menu-price\">d\u00e8s 10\u20ac \/ pers.<\/span><\/div>\n        <div class=\"menu-meta\">Jusqu&rsquo;\u00e0 60 personnes<\/div>\n        <p class=\"menu-incl\"><strong>Inclus :<\/strong> pr\u00e9paration des jeux, cr\u00e9ation des \u00e9quipes, installation, animation (1 \u00e0 3 animateurs), rangement du mat\u00e9riel.<\/p>\n      <\/div>\n      <div class=\"menu-row reveal\" id=\"tarif-evjf\">\n        <div class=\"menu-top\"><span class=\"menu-name\">EVJF &amp; EVG<\/span><span class=\"menu-leader\" aria-hidden=\"true\"><\/span><span class=\"menu-price\">d\u00e8s 15\u20ac \/ pers. + activit\u00e9s<\/span><\/div>\n        <div class=\"menu-meta\">Jusqu&rsquo;\u00e0 20 personnes<\/div>\n        <p class=\"menu-incl\"><strong>Inclus :<\/strong> proposition, cr\u00e9ation et r\u00e9servation des jeux et activit\u00e9s, fourniture du mat\u00e9riel n\u00e9cessaire.<\/p>\n      <\/div>\n      <div class=\"menu-row reveal\" id=\"tarif-family\">\n        <div class=\"menu-top\"><span class=\"menu-name\">Family &amp; Friends<\/span><span class=\"menu-leader\" aria-hidden=\"true\"><\/span><span class=\"menu-price\">d\u00e8s 10\u20ac \/ pers. + activit\u00e9s<\/span><\/div>\n        <div class=\"menu-meta\">Jusqu&rsquo;\u00e0 60 personnes<\/div>\n        <p class=\"menu-incl\"><strong>Inclus :<\/strong> proposition, cr\u00e9ation et r\u00e9servation des activit\u00e9s, fourniture du mat\u00e9riel et animation.<\/p>\n      <\/div>\n      <div class=\"menu-row reveal\" id=\"tarif-kids\">\n        <div class=\"menu-top\"><span class=\"menu-name\">Kids Party<\/span><span class=\"menu-leader\" aria-hidden=\"true\"><\/span><span class=\"menu-price\">d\u00e8s 15\u20ac \/ pers.<\/span><\/div>\n        <div class=\"menu-meta\">Jusqu&rsquo;\u00e0 30 personnes<\/div>\n        <p class=\"menu-incl\"><strong>Inclus :<\/strong> proposition, cr\u00e9ation des jeux, fourniture du mat\u00e9riel et animation.<\/p>\n      <\/div>\n      <div class=\"menu-row reveal\" id=\"tarif-team\">\n        <div class=\"menu-top\"><span class=\"menu-name\">Team-Building<\/span><span class=\"menu-leader\" aria-hidden=\"true\"><\/span><span class=\"menu-price\">d\u00e8s 15\u20ac \/ pers. + activit\u00e9s<\/span><\/div>\n        <div class=\"menu-meta\">Jusqu&rsquo;\u00e0 50 personnes<\/div>\n        <p class=\"menu-incl\"><strong>Inclus :<\/strong> conception sur mesure, r\u00e9servation des activit\u00e9s, fourniture du mat\u00e9riel et animation.<\/p>\n      <\/div>\n    <\/div>\n\n    <div class=\"options-block reveal\">\n      <div class=\"options-title\">Options <em>\u00e0 la carte<\/em><\/div>\n      <div class=\"opt-grid\">\n        <div class=\"opt-row\"><span class=\"opt-name\">Repas<\/span><span class=\"opt-price\">d\u00e8s 50\u20ac + repas<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Th\u00e8me<\/span><span class=\"opt-price\">d\u00e8s 30\u20ac<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Cr\u00e9ation de jeu<\/span><span class=\"opt-price\">d\u00e8s 50\u20ac<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Confort &amp; d\u00e9co<\/span><span class=\"opt-price\">d\u00e8s 60\u20ac + mat\u00e9riel<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Remise de prix<\/span><span class=\"opt-price\">d\u00e8s 20\u20ac + mat\u00e9riel<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Grande enceinte<\/span><span class=\"opt-price\">d\u00e8s 50\u20ac + 150\u20ac caution<\/span><\/div>\n        <div class=\"opt-row\"><span class=\"opt-name\">Souvenirs photo\/vid\u00e9o<\/span><span class=\"opt-price\">d\u00e8s 70\u20ac<\/span><\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- GALERIE -->\n<section class=\"section dark\" id=\"galerie\" aria-label=\"Galerie photo\">\n  <div class=\"container\">\n    <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg>Des souvenirs, entraper\u00e7us<\/div>\n    <h2 class=\"h\">Quelques instants <em>captur\u00e9s<\/em><\/h2>\n    <p class=\"lead\">Un aper\u00e7u de ce qui reste, longtemps apr\u00e8s le dernier jeu.<\/p>\n\n    <!-- \u2500\u2500\u2500 GALERIE (plugin FooGallery) \u2500\u2500\u2500\n         Claire ajoute et g\u00e8re ses photos elle-m\u00eame depuis M\u00e9dias \u2192 FooGallery\n         dans l'admin WordPress (glisser-d\u00e9poser, pas de code). Remplacer\n         VOTRE_ID_GALERIE par l'ID de la galerie cr\u00e9\u00e9e dans FooGallery. -->\n    <div class=\"gallery-wrap reveal\">\n      Galerie introuvable\u00a0!\n    <\/div>\n    <p class=\"gallery-note\">La galerie s&rsquo;affichera ici d\u00e8s que Claire y aura ajout\u00e9 des photos depuis l&rsquo;admin WordPress.<\/p>\n  <\/div>\n<\/section>\n\n<!-- CONTACT -->\n<section class=\"section dark\" id=\"contact\" aria-label=\"Contact\">\n  <div class=\"container\">\n    <div class=\"contact-inner\">\n      <div class=\"reveal\">\n        <div class=\"eyebrow\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-dice\"><\/use><\/svg>Restez un instant<\/div>\n        <h2 class=\"h\">Et si on <em>en parlait<\/em><br>autour d&rsquo;un caf\u00e9 ?<\/h2>\n        <p class=\"lead\">Racontez-moi votre projet, aussi flou soit-il encore. Je reviens vers vous avec une premi\u00e8re id\u00e9e, sous 48h ouvr\u00e9es.<\/p>\n        <div class=\"contact-sig\" aria-hidden=\"true\">\u00e0 bient\u00f4t<\/div>\n        <div class=\"cinfo\">\n          <div class=\"cinfo-item\">\n            <div class=\"cinfo-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"2\" y=\"4\" width=\"20\" height=\"16\" rx=\"2\"><\/rect><path d=\"m2 7 10 6 10-6\"><\/path><\/svg><\/div>\n            <div><div class=\"cinfo-label\">Email<\/div><div class=\"cinfo-val\"><a href=\"mailto:contact@eventandgames.com\">contact@eventandgames.com<\/a><\/div><\/div>\n          <\/div>\n          <div class=\"cinfo-item\">\n            <div class=\"cinfo-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.127.96.361 1.902.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.339 1.85.574 2.81.7A2 2 0 0 1 22 16.92z\"><\/path><\/svg><\/div>\n            <div><div class=\"cinfo-label\">T\u00e9l\u00e9phone<\/div><div class=\"cinfo-val\"><a href=\"tel:+33676194738\">06 76 19 47 38<\/a><\/div><\/div>\n          <\/div>\n          <div class=\"cinfo-item\">\n            <div class=\"cinfo-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 10c0 6-8 12-8 12s-8-6-8-12a8 8 0 0 1 16 0Z\"><\/path><circle cx=\"12\" cy=\"10\" r=\"3\"><\/circle><\/svg><\/div>\n            <div><div class=\"cinfo-label\">Zone d&rsquo;activit\u00e9<\/div><div class=\"cinfo-val\">Haute-Savoie<\/div><\/div>\n          <\/div>\n          <div class=\"cinfo-item\">\n            <div class=\"cinfo-ico\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><circle cx=\"12\" cy=\"12\" r=\"10\"><\/circle><path d=\"M12 6v6l4 2\"><\/path><\/svg><\/div>\n            <div><div class=\"cinfo-label\">Disponibilit\u00e9s<\/div><div class=\"cinfo-val\">Lundi \u2013 Samedi, 8h \u2013 18h<\/div><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"contact-form reveal\">\n        <div class=\"form-title\">Votre demande<\/div>\n        <div class=\"form-sub\">R\u00e9ponse garantie sous 48h ouvr\u00e9es.<\/div>\n\n        <!-- \u2500\u2500\u2500 FORMULAIRE (plugin Contact Form 7) \u2500\u2500\u2500\n             Claire modifie les champs depuis Contact \u2192 Formulaires dans\n             l'admin WordPress, sans toucher au code. Remplacer\n             VOTRE_ID_CONTACT par l'ID du formulaire cr\u00e9\u00e9 dans CF7. -->\n        <div id=\"page-form-wrapper\">\n          \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f20-o1\" lang=\"fr-FR\" dir=\"ltr\" data-wpcf7-id=\"20\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F2#wpcf7-f20-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Formulaire de contact\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"20\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.6\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"fr_FR\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f20-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/>\n<\/fieldset>\n<div class=\"fg\">\n\t<p><label class=\"fl\" for=\"your-name\">Votre nom<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required fi\" id=\"your-name\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span>\n\t<\/p>\n<\/div>\n<div class=\"frow\">\n\t<div class=\"fg\">\n\t\t<p><label class=\"fl\" for=\"your-email\">Email<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email fi\" id=\"your-email\" aria-required=\"true\" aria-invalid=\"false\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"fg\">\n\t\t<p><label class=\"fl\" for=\"your-phone\">T\u00e9l\u00e9phone<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel fi\" id=\"your-phone\" aria-invalid=\"false\" value=\"\" type=\"tel\" name=\"your-phone\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"frow\">\n\t<div class=\"fg\">\n\t\t<p><label class=\"fl\" for=\"prestation\">Type de prestation<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"prestation\"><select class=\"wpcf7-form-control wpcf7-select fsel\" id=\"prestation\" aria-invalid=\"false\" name=\"prestation\"><option value=\"\">&#8212;Veuillez choisir une option&#8212;<\/option><option value=\"Olympiades\">Olympiades<\/option><option value=\"EVJF \/ EVG\">EVJF \/ EVG<\/option><option value=\"Family &amp; Friends\">Family &amp; Friends<\/option><option value=\"Kids Party\">Kids Party<\/option><option value=\"Team-Building\">Team-Building<\/option><option value=\"Je ne sais pas encore\">Je ne sais pas encore<\/option><\/select><\/span>\n\t\t<\/p>\n\t<\/div>\n\t<div class=\"fg\">\n\t\t<p><label class=\"fl\" for=\"participants\">Participants (environ)<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"participants\"><input class=\"wpcf7-form-control wpcf7-number wpcf7-validates-as-number fi\" id=\"participants\" min=\"1\" aria-invalid=\"false\" value=\"\" type=\"number\" name=\"participants\" \/><\/span>\n\t\t<\/p>\n\t<\/div>\n<\/div>\n<div class=\"fg\">\n\t<p><label class=\"fl\" for=\"your-message\">Votre message<\/label><br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required fta\" id=\"your-message\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Racontez-moi votre projet : lieu envisag\u00e9, ambiance souhait\u00e9e, occasion...\" name=\"your-message\"><\/textarea><\/span>\n\t<\/p>\n<\/div>\n<p><input class=\"wpcf7-form-control wpcf7-submit has-spinner fsub\" type=\"submit\" value=\"Envoyer ma demande\" \/>\n<\/p><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n        <\/div>\n\n        <div id=\"page-ok\" class=\"form-success\">\n          <svg class=\"form-success-icon\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><use href=\"#ico-compass\"><\/use><\/svg>\n          <div class=\"form-success-title\">Message envoy\u00e9 !<\/div>\n          <p class=\"form-success-sub\">Claire vous r\u00e9pondra tr\u00e8s prochainement avec une premi\u00e8re proposition personnalis\u00e9e.<\/p>\n        <\/div>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n<\/main>\n\n<!-- FOOTER -->\n<div class=\"footer-band\">\n  <div class=\"fb\"><span class=\"fb-label\">Zone d&rsquo;activit\u00e9<\/span><span class=\"fb-val\">Haute-Savoie<\/span><\/div>\n  <div class=\"fb\"><span class=\"fb-label\">Horaires<\/span><span class=\"fb-val\">Lun\u2013Sam \u00b7 8h\u201318h<\/span><\/div>\n  <div class=\"fb\"><span class=\"fb-label\">SIRET<\/span><span class=\"fb-val\">10154709900024<\/span><\/div>\n  <div class=\"fb\"><span class=\"fb-label\">Adresse<\/span><span class=\"fb-val\">Bons-en-Chablais, 74890<\/span><\/div>\n<\/div>\n<footer>\n  <div class=\"footer-inner\">\n    <div class=\"footer-brand\"><svg class=\"ico\" aria-hidden=\"true\"><use href=\"#ico-compass\"><\/use><\/svg><span>Event &amp; Games \u00b7 by Claire<\/span><\/div>\n    <ul class=\"footer-links\" role=\"list\">\n      <li><a href=\"#services\">Prestations<\/a><\/li>\n      <li><a href=\"#tarifs\">Tarifs<\/a><\/li>\n      <li><a href=\"#galerie\">Galerie<\/a><\/li>\n      <li><a href=\"#contact\">Contact<\/a><\/li>\n    <\/ul>\n    <span class=\"footer-copy\">\u00a9 2026 Event &amp; Games<\/span>\n  <\/div>\n<\/footer>\n\n<script>\n\/* \u2500\u2500 BURGER \u2500\u2500 *\/\nconst burger=document.getElementById('burger');\nconst mobileMenu=document.getElementById('mobile-menu');\nfunction closeMobileMenu(){\n  burger.classList.remove('open');\n  burger.setAttribute('aria-expanded','false');\n  mobileMenu.classList.remove('open');\n  setTimeout(()=>{ if(!mobileMenu.classList.contains('open')) mobileMenu.style.display='none'; },400);\n  document.body.style.overflow='';\n}\nburger.addEventListener('click',()=>{\n  const isOpen=burger.classList.toggle('open');\n  burger.setAttribute('aria-expanded',isOpen);\n  if(isOpen){\n    mobileMenu.style.display='flex';\n    requestAnimationFrame(()=>mobileMenu.classList.add('open'));\n    document.body.style.overflow='hidden';\n  } else closeMobileMenu();\n});\ndocument.querySelectorAll('.mm-link').forEach(a=>a.addEventListener('click',closeMobileMenu));\n\n\/* \u2500\u2500 NAV SCROLL + ACTIVE SECTION \u2500\u2500 *\/\nconst navEl=document.getElementById('nav');\nconst sections=['hero','about','services','how','tarifs','galerie','contact'];\nconst navLinks=document.querySelectorAll('.nav-center a[data-section]');\n\nconst ioNav=new IntersectionObserver(entries=>{\n  entries.forEach(e=>{\n    if(e.isIntersecting){\n      const id=e.target.id;\n      navLinks.forEach(a=>a.classList.toggle('active',a.dataset.section===id));\n    }\n  });\n},{threshold:.35});\nsections.forEach(id=>{const el=document.getElementById(id); if(el) ioNav.observe(el);});\n\nwindow.addEventListener('scroll',()=>{\n  navEl.classList.toggle('scrolled',window.scrollY>20);\n},{passive:true});\n\n\/* \u2500\u2500 REVEAL \u2500\u2500 *\/\nconst ioReveal=new IntersectionObserver(entries=>{\n  entries.forEach(e=>{\n    if(e.isIntersecting){ e.target.classList.add('visible'); ioReveal.unobserve(e.target); }\n  });\n},{threshold:.12});\ndocument.querySelectorAll('.reveal,.reveal-soft').forEach(el=>ioReveal.observe(el));\n\n\/* \u2500\u2500 CONTACT FORM 7 : message de succ\u00e8s personnalis\u00e9 \u2500\u2500\n   CF7 d\u00e9clenche \"wpcf7mailsent\" sur le formulaire une fois l'email envoy\u00e9. *\/\ndocument.addEventListener('wpcf7mailsent', function(event){\n  const wrapper = event.target.closest('#page-form-wrapper');\n  if(!wrapper) return;\n  const cf7Form = wrapper.querySelector('form');\n  if(cf7Form) cf7Form.style.display='none';\n  document.getElementById('page-ok').style.display='block';\n}, false);\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>Event &amp; Games \u00b7 Organisatrice d&rsquo;\u00e9v\u00e9nements en Haute-Savoie Aller au contenu principal Event &amp; Games Qui suis-je Prestations D\u00e9roul\u00e9 Tarifs Galerie Nous contacter Qui suis-je Prestations D\u00e9roul\u00e9 Tarifs Galerie Nous contacter Haute-Savoie \u00b7 Organisation d&rsquo;\u00e9v\u00e9nements sur mesure Entrez.On vous attendait. Event &amp; Games imagine et orchestre vos olympiades, EVJF, f\u00eates en famille, kids party et [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"open","template":"page-landing","meta":{"footnotes":""},"class_list":["post-2","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/pages\/2","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/eventandgames.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2"}],"version-history":[{"count":31,"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions"}],"predecessor-version":[{"id":128,"href":"https:\/\/eventandgames.fr\/index.php?rest_route=\/wp\/v2\/pages\/2\/revisions\/128"}],"wp:attachment":[{"href":"https:\/\/eventandgames.fr\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}