{"product_id":"the-office-advent-calendar-2026-24-days-of-pto-funny-desk-surprises-coworker-christmas-gift","title":"Le Calendrier de l’Avent de bureau 2026 – 24 jours de congés, des surprises amusantes au bureau et un cadeau de Noël pour vos collègues","description":"\u003cstyle\u003e\n\/* =====================================================\n   THE OFFICE ADVENT CALENDAR 2026\n   16-MODULE PREMIUM SHOPIFY PRODUCT DETAIL PAGE\n   IVORY • FOREST GREEN • CHAMPAGNE GOLD • HOLIDAY RED\n   STATIC SINGLE-COLOR HEADINGS\n===================================================== *\/\n\n#office-advent-2026{\n  --oa-ivory:#faf8f2;\n  --oa-paper:#fffdf8;\n  --oa-sage:#f0f3eb;\n  --oa-forest:#173b32;\n  --oa-deep:#122f28;\n  --oa-gold:#b29153;\n  --oa-red:#a4534a;\n  --oa-muted:#69766e;\n  --oa-line:rgba(56,91,70,.14);\n  --oa-shadow:0 16px 42px rgba(30,63,46,.07);\n\n  box-sizing:border-box;\n  position:relative;\n  isolation:isolate;\n  width:100%;\n  max-width:1120px;\n  margin:0 auto;\n  padding:8px 14px 30px;\n  color:var(--oa-forest);\n  font-family:-apple-system,BlinkMacSystemFont,\n    \"Segoe UI\",Arial,sans-serif;\n  line-height:1.8;\n  container-type:inline-size;\n}\n\n#office-advent-2026 *,\n#office-advent-2026 *::before,\n#office-advent-2026 *::after{\n  box-sizing:border-box;\n  overflow-wrap:break-word;\n}\n\n#office-advent-2026 h1,\n#office-advent-2026 h2,\n#office-advent-2026 h3,\n#office-advent-2026 p{\n  margin-top:0;\n}\n\n#office-advent-2026 .oa-shell{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  border:1px solid var(--oa-line);\n  border-radius:27px;\n  background:var(--oa-paper);\n  box-shadow:var(--oa-shadow);\n}\n\n\/* =====================================================\n   MODULE BACKGROUNDS\n===================================================== *\/\n\n#office-advent-2026 .oa-section{\n  position:relative;\n  isolation:isolate;\n  overflow:hidden;\n  margin:0;\n  padding:53px 40px;\n  border-top:1px solid var(--oa-line);\n\n  background:\n    radial-gradient(\n      circle at 95% 10%,\n      rgba(191,163,104,.08),\n      transparent 32%\n    ),\n    #fffdf8;\n}\n\n#office-advent-2026 .oa-section:nth-child(even){\n  background:\n    radial-gradient(\n      circle at 8% 88%,\n      rgba(117,150,119,.08),\n      transparent 35%\n    ),\n    #f3f5ee;\n}\n\n#office-advent-2026 .oa-section:first-child{\n  border-top:0;\n}\n\n#office-advent-2026 .oa-section::before{\n  content:\"✦\";\n  position:absolute;\n  top:12px;\n  right:19px;\n  color:rgba(174,143,79,.13);\n  font-size:29px;\n  line-height:1;\n  pointer-events:none;\n}\n\n#office-advent-2026 .oa-section\u003e*{\n  position:relative;\n  z-index:1;\n}\n\n\/* =====================================================\n   STATIC TYPOGRAPHY\n===================================================== *\/\n\n#office-advent-2026 .oa-hero h1,\n#office-advent-2026 .oa-title,\n#office-advent-2026 .oa-final h2{\n  background:none!important;\n  background-image:none!important;\n  color:var(--oa-deep);\n  -webkit-text-fill-color:currentColor!important;\n  animation:none!important;\n  text-shadow:none;\n}\n\n#office-advent-2026 .oa-center{\n  text-align:center;\n}\n\n#office-advent-2026 .oa-kicker{\n  display:block;\n  margin-bottom:12px;\n  color:#9b7741;\n  font-size:11px;\n  line-height:1.5;\n  font-weight:850;\n  letter-spacing:1.75px;\n  text-transform:uppercase;\n}\n\n#office-advent-2026 .oa-title{\n  max-width:880px;\n  margin:0 auto 17px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:35px;\n  font-weight:700;\n  line-height:1.2;\n  letter-spacing:-.55px;\n  text-align:center;\n}\n\n#office-advent-2026 .oa-copy{\n  max-width:800px;\n  margin:0 auto;\n  color:var(--oa-muted);\n  font-size:15px;\n  line-height:1.85;\n  text-align:center;\n}\n\n\/* =====================================================\n   HERO\n===================================================== *\/\n\n#office-advent-2026 .oa-section.oa-hero{\n  padding:78px 38px 65px;\n  text-align:center;\n\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(219,189,128,.19),\n      transparent 54%\n    ),\n    radial-gradient(\n      circle at 0% 100%,\n      rgba(113,145,116,.09),\n      transparent 40%\n    ),\n    #fffcf5;\n}\n\n#office-advent-2026 .oa-hero h1{\n  max-width:930px;\n  margin:0 auto 21px;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:46px;\n  font-weight:700;\n  line-height:1.13;\n  letter-spacing:-.9px;\n}\n\n#office-advent-2026 .oa-hero p{\n  max-width:805px;\n  margin:0 auto 27px;\n  color:#627267;\n  font-size:16px;\n  line-height:1.88;\n}\n\n#office-advent-2026 .oa-pills{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  flex-wrap:wrap;\n  gap:9px;\n}\n\n#office-advent-2026 .oa-pill{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:10px 14px;\n  border:1px solid rgba(93,120,88,.17);\n  border-radius:999px;\n  background:rgba(255,255,255,.84);\n  color:#496b52;\n  font-size:12px;\n  font-weight:750;\n  line-height:1.4;\n}\n\n#office-advent-2026 .oa-statbar{\n  display:grid;\n  grid-template-columns:repeat(3,minmax(0,1fr));\n  max-width:825px;\n  margin:34px auto 0;\n  overflow:hidden;\n  border-radius:18px;\n  border:1px solid var(--oa-line);\n  background:rgba(255,255,255,.88);\n  box-shadow:0 8px 25px rgba(50,75,49,.04);\n}\n\n#office-advent-2026 .oa-stat{\n  min-width:0;\n  padding:20px 12px;\n  border-right:1px solid var(--oa-line);\n  text-align:center;\n}\n\n#office-advent-2026 .oa-stat:last-child{\n  border-right:0;\n}\n\n#office-advent-2026 .oa-stat strong{\n  display:block;\n  color:#305640;\n  font-size:25px;\n  line-height:1.2;\n  font-weight:850;\n}\n\n#office-advent-2026 .oa-stat span{\n  display:block;\n  margin-top:6px;\n  color:#778071;\n  font-size:12px;\n  line-height:1.55;\n}\n\n\/* =====================================================\n   GRID SYSTEM\n===================================================== *\/\n\n#office-advent-2026 .oa-grid2,\n#office-advent-2026 .oa-grid3,\n#office-advent-2026 .oa-grid4{\n  display:grid;\n  gap:14px;\n  margin-top:28px;\n}\n\n#office-advent-2026 .oa-grid2{\n  grid-template-columns:repeat(2,minmax(0,1fr));\n}\n\n#office-advent-2026 .oa-grid3{\n  grid-template-columns:repeat(3,minmax(0,1fr));\n}\n\n#office-advent-2026 .oa-grid4{\n  grid-template-columns:repeat(4,minmax(0,1fr));\n}\n\n\/* =====================================================\n   FEATURE CARDS\n===================================================== *\/\n\n#office-advent-2026 .oa-card{\n  min-width:0;\n  padding:25px 18px;\n  border:1px solid var(--oa-line);\n  border-radius:18px;\n  background:\n    linear-gradient(\n      145deg,\n      rgba(255,255,255,.98),\n      rgba(249,248,240,.83)\n    );\n  box-shadow:0 7px 22px rgba(52,75,51,.035);\n  text-align:center;\n}\n\n#office-advent-2026 .oa-icon{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:47px;\n  height:47px;\n  margin:0 auto 13px;\n  border-radius:50%;\n  border:1px solid rgba(93,126,87,.14);\n  background:#eaf0e5;\n  color:#4e7654;\n  font-size:21px;\n  font-weight:850;\n}\n\n#office-advent-2026 .oa-card h3{\n  margin:0 0 9px;\n  color:#355743;\n  font-size:15px;\n  font-weight:750;\n  line-height:1.45;\n}\n\n#office-advent-2026 .oa-card p{\n  margin:0;\n  color:#718075;\n  font-size:14px;\n  line-height:1.77;\n}\n\n\/* =====================================================\n   EDITORIAL QUOTE\n===================================================== *\/\n\n#office-advent-2026 .oa-quote{\n  max-width:840px;\n  margin:27px auto 0;\n  padding:28px 23px;\n  border:1px solid rgba(174,147,98,.22);\n  border-radius:19px;\n  background:#f8f4e9;\n  text-align:center;\n}\n\n#office-advent-2026 .oa-quote strong{\n  display:block;\n  margin-bottom:9px;\n  color:#3b5943;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:22px;\n  line-height:1.45;\n}\n\n#office-advent-2026 .oa-quote p{\n  margin:0;\n  color:#758073;\n  font-size:13px;\n  line-height:1.7;\n}\n\n\/* =====================================================\n   DARK FEATURE PANEL\n===================================================== *\/\n\n#office-advent-2026 .oa-highlight{\n  max-width:855px;\n  margin:27px auto 0;\n  padding:35px 25px;\n  border-radius:21px;\n  border:1px solid rgba(223,195,135,.22);\n\n  background:\n    radial-gradient(\n      circle at 100% 0%,\n      rgba(202,164,89,.18),\n      transparent 48%\n    ),\n    #1e4034;\n\n  color:#fff9ec;\n  text-align:center;\n  box-shadow:0 13px 31px rgba(24,59,38,.13);\n}\n\n#office-advent-2026 .oa-highlight small{\n  display:block;\n  margin-bottom:10px;\n  color:#e5c58c;\n  font-size:11px;\n  font-weight:850;\n  letter-spacing:1.55px;\n}\n\n#office-advent-2026 .oa-highlight strong{\n  display:block;\n  max-width:710px;\n  margin:0 auto 13px;\n  color:#fff9ee;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:29px;\n  line-height:1.25;\n}\n\n#office-advent-2026 .oa-highlight p{\n  max-width:710px;\n  margin:0 auto;\n  color:#d9e7dc;\n  font-size:14px;\n  line-height:1.84;\n}\n\n\/* =====================================================\n   24-DRAWER VISUAL\n   CSS ONLY - NO IMAGES OR PLACEHOLDERS\n===================================================== *\/\n\n#office-advent-2026 .oa-drawerboard{\n  max-width:650px;\n  margin:29px auto 0;\n  padding:22px;\n  border:1px solid #d9c9aa;\n  border-radius:17px;\n  background:#f8f0dc;\n  box-shadow:0 12px 29px rgba(92,73,46,.095);\n}\n\n#office-advent-2026 .oa-drawerheading{\n  margin:0 auto 17px;\n  text-align:center;\n}\n\n#office-advent-2026 .oa-drawerheading span{\n  display:block;\n  color:#1f3d32;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:30px;\n  font-weight:700;\n  line-height:1.1;\n}\n\n#office-advent-2026 .oa-drawerheading small{\n  display:block;\n  margin-top:6px;\n  color:#a17c40;\n  font-size:11px;\n  font-weight:800;\n  letter-spacing:2px;\n  text-transform:uppercase;\n}\n\n#office-advent-2026 .oa-doors{\n  display:grid;\n  grid-template-columns:repeat(4,minmax(0,1fr));\n  gap:7px;\n}\n\n#office-advent-2026 .oa-door{\n  position:relative;\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  min-width:0;\n  padding:14px 5px;\n  border:1px solid #d6c6a8;\n  border-radius:7px;\n  background:#fffaf0;\n  color:#a17b3b;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:23px;\n  font-weight:700;\n  line-height:1.3;\n}\n\n#office-advent-2026 .oa-door::before{\n  content:\"\";\n  position:absolute;\n  width:13px;\n  height:6px;\n  top:-1px;\n  left:50%;\n  transform:translateX(-50%);\n  border-radius:0 0 9px 9px;\n  background:#213b30;\n}\n\n#office-advent-2026 .oa-drawercaption{\n  margin:13px auto 0;\n  color:#7c755f;\n  font-size:12px;\n  line-height:1.65;\n  text-align:center;\n}\n\n\/* =====================================================\n   COMPARISON PANELS\n===================================================== *\/\n\n#office-advent-2026 .oa-panel{\n  min-width:0;\n  padding:25px 22px;\n  border:1px solid var(--oa-line);\n  border-radius:18px;\n  background:rgba(255,255,255,.86);\n}\n\n#office-advent-2026 .oa-panel-featured{\n  background:#f7f4e9;\n  border-color:rgba(174,143,81,.27);\n}\n\n#office-advent-2026 .oa-panel strong{\n  display:block;\n  margin-bottom:12px;\n  color:#365743;\n  font-size:17px;\n  line-height:1.45;\n}\n\n#office-advent-2026 .oa-panel ul{\n  list-style:none;\n  margin:0;\n  padding:0;\n}\n\n#office-advent-2026 .oa-panel li{\n  position:relative;\n  padding:10px 0 10px 18px;\n  border-bottom:1px solid var(--oa-line);\n  color:#6e7b70;\n  font-size:14px;\n  line-height:1.73;\n}\n\n#office-advent-2026 .oa-panel li::before{\n  content:\"•\";\n  position:absolute;\n  left:0;\n  color:#ab8750;\n  font-weight:900;\n}\n\n#office-advent-2026 .oa-panel li:last-child{\n  border-bottom:0;\n}\n\n\/* =====================================================\n   HOW TO ENJOY STEPS\n===================================================== *\/\n\n#office-advent-2026 .oa-step{\n  min-width:0;\n  padding:24px 16px;\n  border:1px solid var(--oa-line);\n  border-radius:18px;\n  background:rgba(255,255,255,.89);\n  text-align:center;\n}\n\n#office-advent-2026 .oa-number{\n  display:flex;\n  align-items:center;\n  justify-content:center;\n  width:44px;\n  height:44px;\n  margin:0 auto 13px;\n  border-radius:50%;\n  background:#345d45;\n  color:#fff;\n  font-size:16px;\n  font-weight:850;\n}\n\n#office-advent-2026 .oa-step strong{\n  display:block;\n  margin-bottom:8px;\n  color:#355b42;\n  font-size:14px;\n}\n\n#office-advent-2026 .oa-step p{\n  margin:0;\n  color:#728074;\n  font-size:14px;\n  line-height:1.73;\n}\n\n\/* =====================================================\n   PRODUCT DETAILS TABLE\n===================================================== *\/\n\n#office-advent-2026 .oa-tablewrap{\n  max-width:880px;\n  margin:28px auto 0;\n  overflow-x:auto;\n  border:1px solid var(--oa-line);\n  border-radius:17px;\n  background:rgba(255,255,255,.91);\n}\n\n#office-advent-2026 .oa-table{\n  width:100%;\n  border-collapse:collapse;\n  font-size:14px;\n}\n\n#office-advent-2026 .oa-table th{\n  padding:14px 16px;\n  background:#284839;\n  color:#fff;\n  font-size:13px;\n  text-align:left;\n}\n\n#office-advent-2026 .oa-table td{\n  padding:13px 16px;\n  border-bottom:1px solid var(--oa-line);\n  color:#6c7b70;\n  line-height:1.73;\n}\n\n#office-advent-2026 .oa-table td:first-child{\n  width:36%;\n  color:#365943;\n  font-weight:750;\n}\n\n#office-advent-2026 .oa-table tr:last-child td{\n  border-bottom:0;\n}\n\n#office-advent-2026 .oa-table tbody tr:nth-child(even){\n  background:#f4f6ef;\n}\n\n\/* =====================================================\n   FAQ\n===================================================== *\/\n\n#office-advent-2026 .oa-faq{\n  max-width:875px;\n  margin:27px auto 0;\n}\n\n#office-advent-2026 .oa-faqitem{\n  padding:19px 0;\n  border-bottom:1px solid var(--oa-line);\n}\n\n#office-advent-2026 .oa-faqitem:first-child{\n  border-top:1px solid var(--oa-line);\n}\n\n#office-advent-2026 .oa-faqitem strong{\n  display:block;\n  margin-bottom:7px;\n  color:#365744;\n  font-size:15px;\n  line-height:1.55;\n}\n\n#office-advent-2026 .oa-faqitem p{\n  margin:0;\n  color:#6e7d71;\n  font-size:14px;\n  line-height:1.84;\n}\n\n\/* =====================================================\n   FINAL CTA\n===================================================== *\/\n\n#office-advent-2026 .oa-section.oa-final{\n  padding:71px 30px;\n  text-align:center;\n  background:\n    radial-gradient(\n      circle at 50% 0%,\n      rgba(203,163,89,.17),\n      transparent 54%\n    ),\n    #1c3d31;\n  border-top:1px solid rgba(223,190,123,.25);\n}\n\n#office-advent-2026 .oa-final .oa-kicker{\n  color:#e8cc91;\n}\n\n#office-advent-2026 .oa-final h2{\n  max-width:860px;\n  margin:0 auto 23px;\n  color:#fff9ed!important;\n  -webkit-text-fill-color:#fff9ed!important;\n  font-family:Georgia,\"Times New Roman\",serif;\n  font-size:40px;\n  line-height:1.2;\n}\n\n#office-advent-2026 .oa-final p{\n  max-width:765px;\n  margin:22px auto 0;\n  color:#d9e4da;\n  font-size:15px;\n  line-height:1.85;\n}\n\n#office-advent-2026 .oa-finaltags{\n  display:flex;\n  flex-wrap:wrap;\n  justify-content:center;\n  gap:10px;\n  margin:27px auto 0;\n}\n\n#office-advent-2026 .oa-finaltags span{\n  padding:8px 12px;\n  border:1px solid rgba(231,208,160,.25);\n  border-radius:999px;\n  color:#e9d5b1;\n  font-size:12px;\n  font-weight:750;\n}\n\n#office-advent-2026 .oa-backtop{\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  min-width:225px;\n  min-height:52px;\n  margin-top:29px;\n  padding:13px 25px;\n  border:1px solid #e3c58c;\n  border-radius:999px;\n  background:#e5cb99;\n  color:#244535!important;\n  font-size:13px;\n  font-weight:850;\n  text-decoration:none!important;\n  cursor:pointer;\n  box-shadow:0 10px 26px rgba(0,0,0,.16);\n  transition:background-color .2s,transform .2s;\n}\n\n#office-advent-2026 .oa-backtop:hover{\n  background:#f1dcaf;\n  color:#244535!important;\n  transform:translateY(-2px);\n}\n\n\/* =====================================================\n   RESPONSIVE CONTAINER\n===================================================== *\/\n\n@container (max-width:850px){\n\n  #office-advent-2026 .oa-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n}\n\n@container (max-width:620px){\n\n  #office-advent-2026 .oa-grid2,\n  #office-advent-2026 .oa-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #office-advent-2026 .oa-title{\n    font-size:28px;\n  }\n\n  #office-advent-2026 .oa-hero h1{\n    font-size:31px;\n  }\n}\n\n\/* =====================================================\n   MOBILE DESIGN\n===================================================== *\/\n\n@media(max-width:749px){\n\n  #office-advent-2026{\n    padding:6px 8px 25px;\n  }\n\n  #office-advent-2026 .oa-shell{\n    border-radius:21px;\n  }\n\n  #office-advent-2026 .oa-section{\n    padding:35px 17px;\n  }\n\n  #office-advent-2026 .oa-section.oa-hero{\n    padding:55px 18px 48px;\n  }\n\n  #office-advent-2026 .oa-hero h1{\n    font-size:31px;\n    line-height:1.16;\n  }\n\n  #office-advent-2026 .oa-hero p{\n    font-size:15px;\n  }\n\n  #office-advent-2026 .oa-title{\n    font-size:27px;\n    line-height:1.24;\n  }\n\n  #office-advent-2026 .oa-copy{\n    font-size:14px;\n    line-height:1.8;\n  }\n\n  #office-advent-2026 .oa-grid2,\n  #office-advent-2026 .oa-grid3{\n    grid-template-columns:1fr;\n  }\n\n  #office-advent-2026 .oa-grid4{\n    grid-template-columns:repeat(2,minmax(0,1fr));\n  }\n\n  #office-advent-2026 .oa-card{\n    padding:22px 15px;\n  }\n\n  #office-advent-2026 .oa-card p{\n    font-size:14px;\n  }\n\n  #office-advent-2026 .oa-stat{\n    padding:17px 7px;\n  }\n\n  #office-advent-2026 .oa-stat strong{\n    font-size:20px;\n  }\n\n  #office-advent-2026 .oa-stat span{\n    font-size:11px;\n  }\n\n  #office-advent-2026 .oa-quote{\n    padding:24px 18px;\n  }\n\n  #office-advent-2026 .oa-quote strong{\n    font-size:19px;\n  }\n\n  #office-advent-2026 .oa-highlight{\n    padding:27px 18px;\n  }\n\n  #office-advent-2026 .oa-highlight strong{\n    font-size:24px;\n  }\n\n  #office-advent-2026 .oa-panel{\n    padding:22px 18px;\n  }\n\n  #office-advent-2026 .oa-drawerboard{\n    padding:13px;\n    border-radius:14px;\n  }\n\n  #office-advent-2026 .oa-drawerheading span{\n    font-size:25px;\n  }\n\n  #office-advent-2026 .oa-door{\n    padding:12px 4px;\n    font-size:19px;\n  }\n\n  #office-advent-2026 .oa-section.oa-final{\n    padding:53px 19px;\n  }\n\n  #office-advent-2026 .oa-final h2{\n    font-size:29px;\n  }\n}\n\n@media(max-width:430px){\n\n  #office-advent-2026 .oa-grid4{\n    grid-template-columns:1fr;\n  }\n\n  #office-advent-2026 .oa-pill{\n    padding:9px 11px;\n    font-size:11px;\n  }\n\n  #office-advent-2026 .oa-table th,\n  #office-advent-2026 .oa-table td{\n    padding:12px 10px;\n    font-size:12px;\n  }\n\n  #office-advent-2026 .oa-stat strong{\n    font-size:18px;\n  }\n}\n\n@media(prefers-reduced-motion:reduce){\n  #office-advent-2026 .oa-backtop{\n    transition:none;\n  }\n}\n\u003c\/style\u003e\n\u003cdiv id=\"office-advent-2026\"\u003e\n\n\u003cdiv class=\"oa-shell\"\u003e\n\n\u003c\/div\u003e\n\u003c\/div\u003e","brand":"XCC","offers":[{"title":"Default Title","offer_id":44483159064663,"sku":null,"price":39.99,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0679\/5473\/7239\/files\/ee3a14ab-2911-41b6-ab05-f6b88d6504b9.png?v=1792225404","url":"https:\/\/mycheesemas.com\/fr\/products\/the-office-advent-calendar-2026-24-days-of-pto-funny-desk-surprises-coworker-christmas-gift","provider":"mycheesemas","version":"1.0","type":"link"}