{"id":16232,"date":"2026-07-06T15:06:02","date_gmt":"2026-07-06T13:06:02","guid":{"rendered":"https:\/\/www.lakal.de\/?page_id=16232"},"modified":"2026-07-07T16:04:29","modified_gmt":"2026-07-07T14:04:29","slug":"conges-annuels-2026-popup","status":"publish","type":"page","link":"https:\/\/www.lakal.de\/fr\/conges-annuels-2026-popup\/","title":{"rendered":"Cong\u00e9s Annuels 2026 popup"},"content":{"rendered":"\n<div style=\"height:100px;--height-desktop:60px;--height-tablet:60px;--height-mobile:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"lakal-popup\">\n  <style>\n    .lakal-popup {\n      --navy: #142850;\n      --accent: #1b2c56;\n      --accent-hover: #1b2c56;\n      --card: #ffffff;\n      --text: #23272f;\n      --muted: #6b7280;\n      font-family: \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif;\n      color: var(--text);\n      display: flex;\n      justify-content: center;\n      padding: 16px;\n    }\n    .lakal-popup *,\n    .lakal-popup *::before,\n    .lakal-popup *::after {\n      box-sizing: border-box;\n    }\n    .lakal-popup .lp-card {\n      background: var(--card);\n      border-radius: 26px 26px 26px 6px;\n      max-width: 420px;\n      width: 100%;\n      overflow: hidden;\n      box-shadow: 0 20px 50px rgba(10, 20, 45, 0.25);\n    }\n    .lakal-popup .lp-image {\n      position: relative;\n      line-height: 0;\n    }\n    .lakal-popup .lp-image img {\n      width: 100%;\n      height: 220px;\n      object-fit: cover;\n      display: block;\n    }\n    .lakal-popup .lp-body {\n      padding: 28px 28px 32px;\n      text-align: center;\n    }\n    .lakal-popup .lp-body-inner {\n      width: 100%;\n      margin: 0 auto;\n    }\n    .lakal-popup .lp-body h2 {\n      color: var(--navy);\n      font-size: 1.35rem;\n      font-weight: 700;\n      margin: 0 0 10px;\n      letter-spacing: -0.2px;\n    }\n    .lakal-popup .lp-body p {\n      color: var(--muted);\n      font-size: 0.95rem;\n      line-height: 1.55;\n      margin: 0 0 24px;\n    }\n    .lakal-popup .lp-cta {\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      gap: 10px;\n      width: 100%;\n      padding: 15px 22px;\n      background: linear-gradient(135deg, var(--accent), var(--accent-hover));\n      color: #fff;\n      font-size: 1rem;\n      font-weight: 700;\n      text-decoration: none;\n      border-radius: 999px;\n      box-shadow: 0 10px 24px rgba(28, 134, 199, 0.35);\n      transition: transform 0.15s ease, box-shadow 0.15s ease;\n    }\n    .lakal-popup .lp-cta:hover {\n      transform: translateY(-2px);\n      box-shadow: 0 14px 30px rgba(28, 134, 199, 0.45);\n    }\n    .lakal-popup .lp-cta svg {\n      flex-shrink: 0;\n      transition: transform 0.15s ease;\n    }\n    .lakal-popup .lp-cta:hover svg {\n      transform: translateX(3px);\n    }\n\n    @media (max-width: 1024px) {\n      .lakal-popup {\n        padding: 0;\n      }\n      .lakal-popup .lp-card {\n        max-width: 100%;\n        width: 100%;\n        min-height: 100vh;\n        border-radius: 0;\n        display: flex;\n        flex-direction: column;\n      }\n      .lakal-popup .lp-image img {\n        height: 45vh;\n      }\n      .lakal-popup .lp-body {\n        flex: 1;\n        display: flex;\n        flex-direction: column;\n        justify-content: center;\n      }\n    }\n  <\/style>\n\n  <div class=\"lp-card\">\n    <div class=\"lp-image\">\n      <img decoding=\"async\" src=\"https:\/\/www.lakal.de\/wp-content\/uploads\/shutterstock_148509158-scaled.jpg\" alt=\"Profitez de votre \u00e9t\u00e9\">\n    <\/div>\n    <div class=\"lp-body\">\n      <div class=\"lp-body-inner\">\n        <h2>Bient\u00f4t en cong\u00e9 ?<\/h2>\n        <p>\n          Indiquez-nous vos dates de fermeture estivale en 2 minutes :\n          cela nous permet d&rsquo;organiser au mieux vos livraisons et votre service.\n        <\/p>\n        <a class=\"lp-cta\" href=\"https:\/\/www.lakal.de\/fr\/conges-annuels-2026\/\" target=\"_blank\" rel=\"noopener\">\n          D\u00e9clarer mes cong\u00e9s\n          <svg width=\"18\" height=\"18\" viewBox=\"0 0 20 20\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n            <path d=\"M10 0L8.2375 1.7625L15.2125 8.75H0V11.25H15.2125L8.2375 18.2375L10 20L20 10L10 0Z\" fill=\"white\"><\/path>\n          <\/svg>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n\n\n<div style=\"height:100px;--height-desktop:60px;--height-tablet:60px;--height-mobile:50px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n","protected":false},"excerpt":{"rendered":"<p>Bient\u00f4t en cong\u00e9 ? Indiquez-nous vos dates de fermeture estivale en 2 minutes : cela nous permet d&rsquo;organiser au mieux vos livraisons et votre service. D\u00e9clarer mes cong\u00e9s<\/p>\n","protected":false},"author":11536,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-16232","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/pages\/16232","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/users\/11536"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/comments?post=16232"}],"version-history":[{"count":8,"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/pages\/16232\/revisions"}],"predecessor-version":[{"id":16272,"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/pages\/16232\/revisions\/16272"}],"wp:attachment":[{"href":"https:\/\/www.lakal.de\/fr\/wp-json\/wp\/v2\/media?parent=16232"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}