{"id":8,"date":"2026-01-24T14:53:41","date_gmt":"2026-01-24T14:53:41","guid":{"rendered":"http:\/\/studiobeaute69.fr\/?page_id=8"},"modified":"2026-01-24T15:40:06","modified_gmt":"2026-01-24T15:40:06","slug":"accueil","status":"publish","type":"page","link":"https:\/\/studiobeaute69.fr\/","title":{"rendered":"ACCUEIL"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8\" class=\"elementor elementor-8\" data-elementor-post-type=\"page\">\n\t\t\t\t<div class=\"elementor-element elementor-element-34fc536 e-flex e-con-boxed e-con e-parent\" data-id=\"34fc536\" data-element_type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-19a4758 elementor-widget elementor-widget-shortcode\" data-id=\"19a4758\" data-element_type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><!-- =========================\n  STUDIO BEAUT\u00c9 - HOME PAGE (Elementor HTML)\n  Julie \u2022 Belleville-en-Beaujolais\n  ========================= -->\n\n<section class=\"sb-page\" id=\"sb-top\">\n\n  <!-- HERO -->\n  <section class=\"sb-hero\">\n    <div class=\"sb-hero__bg\" aria-hidden=\"true\"><\/div>\n\n    <div class=\"sb-container sb-hero__grid\">\n      <div class=\"sb-hero__left sb-reveal\">\n        <div class=\"sb-badge\">\n          <span class=\"sb-dot\"><\/span>\n          Institut cocooning \u2022 Belleville-en-Beaujolais\n        <\/div>\n\n        <h1 class=\"sb-h1\">\n          Studio Beaut\u00e9\n          <span class=\"sb-h1__sub\">by Julie<\/span>\n        <\/h1>\n\n        <p class=\"sb-lead\">\n          Esth\u00e9ticienne depuis plus de <strong>10 ans<\/strong> (parfumerie & instituts),\n          j\u2019ai cr\u00e9\u00e9 <strong>Studio Beaut\u00e9<\/strong> il y a <strong>3 ans<\/strong> \u00e0 Belleville-en-Beaujolais.\n          Ici, tout est pens\u00e9 pour un moment <strong>cocooning<\/strong>, d\u00e9licat, et des r\u00e9sultats qui subliment.\n        <\/p>\n\n        <div class=\"sb-hero__cta\">\n          <a class=\"sb-btn sb-btn--primary\" href=\"https:\/\/www.planity.com\/studio-beaute-69220-belleville-en-beaujolais\" target=\"_blank\" rel=\"noopener\">\n            R\u00e9server sur Planity\n          <\/a>\n          <a class=\"sb-btn sb-btn--ghost\" href=\"#sb-services\">\n            D\u00e9couvrir l\u2019institut\n          <\/a>\n        <\/div>\n\n        <div class=\"sb-mini\">\n          <div class=\"sb-mini__item\">\n            <div class=\"sb-mini__k\">Adresse<\/div>\n            <div class=\"sb-mini__v\">10 rue des P\u00e8resllers, 69220 Belleville-en-Beaujolais<\/div>\n          <\/div>\n          <div class=\"sb-mini__item\">\n            <div class=\"sb-mini__k\">Ambiance<\/div>\n            <div class=\"sb-mini__v\">Satisfaction \u2022 Douceur \u2022 Expertise<\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sb-hero__right sb-reveal\">\n        <div class=\"sb-card sb-card--hero\">\n          <div class=\"sb-card__shine\" aria-hidden=\"true\"><\/div>\n\n          <!-- IMAGE 1 (ordre fourni) -->\n          <img decoding=\"async\"\n            class=\"sb-img sb-img--hero\"\n            src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/ChatGPT-Image-24-janv.-2026-14_56_34.png\"\n            alt=\"Studio Beaut\u00e9 - aper\u00e7u\"\n            loading=\"lazy\"\n          \/>\n\n          <div class=\"sb-card__caption\">\n            <div class=\"sb-card__title\">Une parenth\u00e8se beaut\u00e9<\/div>\n            <div class=\"sb-card__text\">Des soins pr\u00e9cis, une attention aux d\u00e9tails, une exp\u00e9rience luxe & chaleureuse.<\/div>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-floatLinks\">\n          <a class=\"sb-pill\" href=\"https:\/\/www.instagram.com\/studio_beaute_de_julie\/\" target=\"_blank\" rel=\"noopener\">\n            Instagram\n          <\/a>\n          <a class=\"sb-pill\" href=\"https:\/\/www.planity.com\/studio-beaute-69220-belleville-en-beaujolais\" target=\"_blank\" rel=\"noopener\">\n            Planity\n          <\/a>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n  <!-- SERVICES (avec le texte condens\u00e9 en blocs) -->\n  <section class=\"sb-section\" id=\"sb-services\">\n    <div class=\"sb-container\">\n\n      <div class=\"sb-sectionHead sb-reveal\">\n        <h2 class=\"sb-h2\">L\u2019expertise & le cocooning au c\u0153ur de l\u2019institut<\/h2>\n        <p class=\"sb-sub\">\n          Moins de douleur, une repousse plus lente, et un vrai confort : l\u2019institut n\u2019a que du bon.\n          Je s\u00e9lectionne avec soin des produits et techniques pour sublimer votre peau et votre regard.\n        <\/p>\n      <\/div>\n\n      <div class=\"sb-grid3\">\n        <article class=\"sb-feature sb-reveal\">\n          <div class=\"sb-feature__icon\">\u2726<\/div>\n          <h3>\u00c9pilation douce<\/h3>\n          <p>Une expertise pro pour plus de confort, et une peau nette plus longtemps.<\/p>\n        <\/article>\n\n        <article class=\"sb-feature sb-reveal\">\n          <div class=\"sb-feature__icon\">\u2726<\/div>\n          <h3>Soin du regard<\/h3>\n          <p>Rehaussement de cils, Brow Lift : un regard m\u00e9tamorphos\u00e9 et structur\u00e9.<\/p>\n        <\/article>\n\n        <article class=\"sb-feature sb-reveal\">\n          <div class=\"sb-feature__icon\">\u2726<\/div>\n          <h3>Soins & rituels<\/h3>\n          <p>Peaux sensibles, s\u00e8ches ou matures : des soins floraux apaisants, et des rituels jeunesse.<\/p>\n        <\/article>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- SECTION \u201cSTICKY SCROLL\u201d LUXE : texte + photos qui s\u2019animent -->\n  <section class=\"sb-stickyShow\">\n    <div class=\"sb-container sb-stickyShow__grid\">\n\n      <!-- Colonne texte -->\n      <div class=\"sb-stickyText\">\n        <div class=\"sb-stickyText__inner\">\n          <div class=\"sb-kicker sb-reveal\">Une exp\u00e9rience compl\u00e8te<\/div>\n          <h2 class=\"sb-h2 sb-reveal\">Tout l\u2019institut, en douceur<\/h2>\n\n          <div class=\"sb-steps\">\n            <div class=\"sb-step sb-reveal\" data-step=\"1\">\n              <div class=\"sb-step__n\">01<\/div>\n              <div class=\"sb-step__c\">\n                <h3>\u00c9pilation en institut<\/h3>\n                <p>Plus de confort, un r\u00e9sultat net, et une repousse plus lente \u2014 pour une peau plus sereine.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-step sb-reveal\" data-step=\"2\">\n              <div class=\"sb-step__n\">02<\/div>\n              <div class=\"sb-step__c\">\n                <h3>Le regard sublim\u00e9<\/h3>\n                <p>Rehaussement de cils & Brow Lift pour un regard lumineux, \u00e9l\u00e9gant, naturellement structur\u00e9.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-step sb-reveal\" data-step=\"3\">\n              <div class=\"sb-step__n\">03<\/div>\n              <div class=\"sb-step__c\">\n                <h3>Soins floraux apaisants<\/h3>\n                <p>Un soin cocooning aux fleurs pour se ressourcer : id\u00e9al peaux sensibles, s\u00e8ches ou matures.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-step sb-reveal\" data-step=\"4\">\n              <div class=\"sb-step__n\">04<\/div>\n              <div class=\"sb-step__c\">\n                <h3>Massages & l\u00e2cher-prise<\/h3>\n                <p>Des massages ayurv\u00e9diques pour rel\u00e2cher les tensions et retrouver un vrai bien-\u00eatre.<\/p>\n              <\/div>\n            <\/div>\n\n            <div class=\"sb-step sb-reveal\" data-step=\"5\">\n              <div class=\"sb-step__n\">05<\/div>\n              <div class=\"sb-step__c\">\n                <h3>Golden Spa<\/h3>\n                <p>Un rituel jeunesse du corps \u00e0 la poudre d\u2019or\u2026 le r\u00eave. Votre moment luxe & d\u00e9tente.<\/p>\n              <\/div>\n            <\/div>\n          <\/div>\n\n          <div class=\"sb-ctaRow sb-reveal\">\n            <a class=\"sb-btn sb-btn--primary\" href=\"https:\/\/www.planity.com\/studio-beaute-69220-belleville-en-beaujolais\" target=\"_blank\" rel=\"noopener\">Prendre rendez-vous<\/a>\n            <a class=\"sb-btn sb-btn--ghost\" href=\"https:\/\/www.instagram.com\/studio_beaute_de_julie\/\" target=\"_blank\" rel=\"noopener\">Voir l\u2019univers Instagram<\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Colonne visuelle sticky -->\n      <div class=\"sb-stickyVisual\">\n        <div class=\"sb-stickyFrame sb-reveal\">\n          <div class=\"sb-frameShine\" aria-hidden=\"true\"><\/div>\n\n          <!-- Images (ordre fourni) -->\n          <div class=\"sb-stack\">\n            <img decoding=\"async\" class=\"sb-stack__img is-active\" data-img=\"1\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/AA.jpg\" alt=\"Photo institut 1\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"sb-stack__img\" data-img=\"2\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/GSGSGG.jpg\" alt=\"Photo institut 2\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"sb-stack__img\" data-img=\"3\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/DHZRJZRH.jpg\" alt=\"Photo institut 3\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"sb-stack__img\" data-img=\"4\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/HHH.jpg\" alt=\"Photo institut 4\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"sb-stack__img\" data-img=\"5\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/SGZEHZ.jpg\" alt=\"Photo institut 5\" loading=\"lazy\">\n            <img decoding=\"async\" class=\"sb-stack__img\" data-img=\"6\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/LLKK.jpg\" alt=\"Photo institut 6\" loading=\"lazy\">\n          <\/div>\n\n          <!-- (L\u00c9GENDE SUPPRIM\u00c9E ICI) -->\n          <!-- <div class=\"sb-stackHint\"> ... <\/div> -->\n        <\/div>\n      <\/div>\n\n    <\/div>\n  <\/section>\n\n  <!-- GALLERY (hover luxe) -->\n  <section class=\"sb-section\">\n    <div class=\"sb-container\">\n      <div class=\"sb-sectionHead sb-reveal\">\n        <h2 class=\"sb-h2\">Un univers doux & luxueux<\/h2>\n        <p class=\"sb-sub\">Survolez les images : reflets, profondeur, d\u00e9tails \u2014 l\u2019esth\u00e9tique en mode premium.<\/p>\n      <\/div>\n\n      <div class=\"sb-gallery\">\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/AA.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/AA.jpg\" alt=\"Galerie 1\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/GSGSGG.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/GSGSGG.jpg\" alt=\"Galerie 2\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/DHZRJZRH.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/DHZRJZRH.jpg\" alt=\"Galerie 3\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/HHH.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/HHH.jpg\" alt=\"Galerie 4\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/SGZEHZ.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/SGZEHZ.jpg\" alt=\"Galerie 5\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n        <a class=\"sb-gItem sb-reveal\" href=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/LLKK.jpg\" target=\"_blank\" rel=\"noopener\">\n          <img decoding=\"async\" src=\"https:\/\/studiobeaute69.fr\/wp-content\/uploads\/2026\/01\/LLKK.jpg\" alt=\"Galerie 6\" loading=\"lazy\">\n          <span class=\"sb-gItem__shine\" aria-hidden=\"true\"><\/span>\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <!-- LOCATION + CTA -->\n  <section class=\"sb-section sb-section--cta\">\n    <div class=\"sb-container\">\n      <div class=\"sb-ctaBox sb-reveal\">\n        <div class=\"sb-ctaBox__shine\" aria-hidden=\"true\"><\/div>\n\n        <div class=\"sb-ctaBox__left\">\n          <div class=\"sb-kicker\">O\u00f9 me trouver<\/div>\n          <h2 class=\"sb-h2\">Studio Beaut\u00e9 \u2022 Belleville-en-Beaujolais<\/h2>\n          <p class=\"sb-sub\">\n            <strong>10 rue des Perelles<\/strong>, 69220 Belleville-en-Beaujolais.  \n            Prenez rendez-vous facilement sur Planity, ou d\u00e9couvrez l\u2019institut en images sur Instagram.\n          <\/p>\n\n          <div class=\"sb-ctaRow\">\n            <a class=\"sb-btn sb-btn--primary\" href=\"https:\/\/www.planity.com\/studio-beaute-69220-belleville-en-beaujolais\" target=\"_blank\" rel=\"noopener\">R\u00e9server maintenant<\/a>\n            <a class=\"sb-btn sb-btn--ghost\" href=\"https:\/\/www.instagram.com\/studio_beaute_de_julie\/\" target=\"_blank\" rel=\"noopener\">Instagram<\/a>\n            <a class=\"sb-btn sb-btn--ghost\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=10%20rue%20des%20Perelles%2069220%20Belleville-en-Beaujolais\" target=\"_blank\" rel=\"noopener\">Itin\u00e9raire<\/a>\n          <\/div>\n        <\/div>\n\n        <div class=\"sb-ctaBox__right\">\n          <div class=\"sb-mapCard\">\n            <div class=\"sb-mapCard__top\">\n              <span class=\"sb-dot\"><\/span>\n              10 rue des Perelles, 69220 Belleville-en-Beaujolais\n            <\/div>\n            <div class=\"sb-mapCard__body\">\n              <div class=\"sb-mapLine\"><span>\u2726<\/span> Accueil chaleureux \u2022 Institut cocooning<\/div>\n              <div class=\"sb-mapLine\"><span>\u2726<\/span> Soins visage & corps \u2022 Regard \u2022 \u00c9pilation<\/div>\n              <div class=\"sb-mapLine\"><span>\u2726<\/span> Golden Spa \u2022 Massages ayurv\u00e9diques<\/div>\n            <\/div>\n            <a class=\"sb-mapCard__btn\" href=\"https:\/\/www.google.com\/maps\/search\/?api=1&query=10%20rue%20des%20Perelles%2069220%20Belleville-en-Beaujolais\" target=\"_blank\" rel=\"noopener\">\n              Ouvrir dans Google Maps \u2192\n            <\/a>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <div class=\"sb-footerNote sb-reveal\">\n        <span class=\"sb-gold\">Studio Beaut\u00e9<\/span> by Julie \u2014 votre moment luxe & douceur.\n        <a href=\"#sb-top\">Retour en haut<\/a>\n      <\/div>\n    <\/div>\n  <\/section>\n\n<\/section>\n\n<style>\n  \/* ======= THEME ======= *\/\n  .sb-page{\n    --sb-bg:#ffffff;\n    --sb-cream:#fff9f4;\n    --sb-ink:#2a2323;\n    --sb-brownSoft:#785846;\n    --sb-peach:#f3a38f;\n    --sb-peach2:#f8d1c4;\n    --sb-gold:#d9b06a;\n    --sb-gold2:#f3e1bd;\n    --sb-shadow: 0 18px 50px rgba(20,12,12,.10);\n    --sb-radius: 22px;\n    background: var(--sb-bg);\n    color: var(--sb-ink);\n    font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial;\n  }\n\n  .sb-container{\n    max-width: 1120px;\n    margin: 0 auto;\n    padding: 0 16px;\n  }\n\n  \/* ======= HERO ======= *\/\n  .sb-hero{\n    position: relative;\n    overflow: hidden;\n    padding: 64px 0 42px;\n    background: radial-gradient(1200px 500px at 50% 0%, rgba(243,163,143,.18), transparent 60%),\n                radial-gradient(900px 520px at 80% 10%, rgba(217,176,106,.12), transparent 55%),\n                linear-gradient(180deg, var(--sb-bg), var(--sb-cream));\n  }\n\n  .sb-hero__bg{\n    position:absolute;\n    inset:-60px;\n    background:\n      radial-gradient(800px 420px at 20% 20%, rgba(217,176,106,.10), transparent 60%),\n      radial-gradient(760px 420px at 80% 35%, rgba(243,163,143,.12), transparent 60%),\n      linear-gradient(115deg, transparent 40%, rgba(255,255,255,.7) 50%, transparent 60%);\n    opacity:.75;\n    filter: blur(0.2px);\n    animation: sb-bgShine 8s ease-in-out infinite;\n    pointer-events:none;\n  }\n\n  .sb-hero__grid{\n    display:grid;\n    grid-template-columns: 1.1fr .9fr;\n    gap: 26px;\n    align-items: center;\n  }\n\n  .sb-badge{\n    display:inline-flex;\n    align-items:center;\n    gap:10px;\n    padding: 10px 12px;\n    border-radius: 999px;\n    background: rgba(255,255,255,.7);\n    border: 1px solid rgba(217,176,106,.25);\n    box-shadow: 0 10px 28px rgba(20,12,12,.05);\n    color: rgba(120,88,70,.95);\n    font-weight: 650;\n    font-size: 13px;\n  }\n  .sb-dot{\n    width: 9px;\n    height: 9px;\n    border-radius: 999px;\n    background: linear-gradient(180deg, var(--sb-gold), var(--sb-peach));\n    box-shadow: 0 0 0 6px rgba(217,176,106,.14);\n  }\n\n  .sb-h1{\n    margin: 14px 0 10px;\n    font-size: clamp(34px, 4.2vw, 54px);\n    line-height: 1.02;\n    letter-spacing: -0.02em;\n  }\n  .sb-h1__sub{\n    display:block;\n    margin-top: 8px;\n    font-size: clamp(16px, 1.4vw, 18px);\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(120,88,70,.90);\n  }\n\n  .sb-lead{\n    margin: 0 0 18px;\n    font-size: 16px;\n    line-height: 1.75;\n    color: rgba(42,35,35,.86);\n    max-width: 54ch;\n  }\n\n  .sb-hero__cta{\n    display:flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-bottom: 14px;\n  }\n\n  .sb-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    gap: 10px;\n    padding: 12px 16px;\n    border-radius: 999px;\n    text-decoration:none;\n    font-weight: 750;\n    font-size: 14px;\n    border: 1px solid rgba(0,0,0,.10);\n    transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;\n    white-space: nowrap;\n  }\n  .sb-btn:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 18px 40px rgba(20,12,12,.12);\n    border-color: rgba(217,176,106,.45);\n  }\n\n  .sb-btn--primary{\n    background: linear-gradient(135deg, rgba(217,176,106,1), rgba(243,163,143,.95));\n    color: #2a2323;\n    border-color: rgba(217,176,106,.25);\n  }\n  .sb-btn--ghost{\n    background: rgba(255,255,255,.75);\n    color: rgba(42,35,35,.90);\n  }\n\n  .sb-mini{\n    display:grid;\n    grid-template-columns: 1fr 1fr;\n    gap: 10px;\n    margin-top: 10px;\n  }\n  .sb-mini__item{\n    background: rgba(255,255,255,.75);\n    border: 1px solid rgba(217,176,106,.18);\n    border-radius: 18px;\n    padding: 12px 12px;\n  }\n  .sb-mini__k{\n    font-size: 12px;\n    letter-spacing: .12em;\n    text-transform: uppercase;\n    color: rgba(120,88,70,.80);\n    margin-bottom: 4px;\n    font-weight: 700;\n  }\n  .sb-mini__v{\n    font-size: 13px;\n    line-height: 1.45;\n    color: rgba(42,35,35,.86);\n  }\n\n  .sb-card{\n    position: relative;\n    background: rgba(255,255,255,.82);\n    border: 1px solid rgba(217,176,106,.20);\n    border-radius: var(--sb-radius);\n    overflow: hidden;\n    box-shadow: var(--sb-shadow);\n  }\n  .sb-card__shine{\n    position:absolute;\n    inset:-40px;\n    background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.75) 50%, transparent 60%);\n    opacity:.50;\n    transform: translateX(-45%);\n    animation: sb-shimmer 6.6s ease-in-out infinite;\n    pointer-events:none;\n  }\n  .sb-img{\n    width:100%;\n    height:auto;\n    display:block;\n  }\n  .sb-img--hero{\n    aspect-ratio: 4\/3;\n    object-fit: cover;\n  }\n  .sb-card__caption{\n    padding: 14px 14px 16px;\n  }\n  .sb-card__title{\n    font-weight: 900;\n    letter-spacing: .02em;\n    margin-bottom: 4px;\n  }\n  .sb-card__text{\n    color: rgba(42,35,35,.80);\n    font-size: 14px;\n    line-height: 1.55;\n  }\n\n  .sb-floatLinks{\n    display:flex;\n    gap:10px;\n    margin-top: 12px;\n    justify-content: center;\n  }\n  .sb-pill{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding: 10px 14px;\n    border-radius: 999px;\n    text-decoration:none;\n    font-weight: 800;\n    font-size: 13px;\n    color: rgba(42,35,35,.90);\n    background: rgba(255,255,255,.75);\n    border: 1px solid rgba(217,176,106,.20);\n    transition: transform .2s ease, box-shadow .2s ease;\n  }\n  .sb-pill:hover{\n    transform: translateY(-2px);\n    box-shadow: 0 16px 34px rgba(20,12,12,.10);\n  }\n\n  \/* ======= SECTIONS ======= *\/\n  .sb-section{\n    padding: 68px 0;\n    background: #fff;\n  }\n  .sb-sectionHead{\n    max-width: 820px;\n    margin-bottom: 26px;\n  }\n  .sb-h2{\n    margin: 0 0 10px;\n    font-size: clamp(24px, 3vw, 34px);\n    line-height: 1.12;\n    letter-spacing: -0.01em;\n  }\n  .sb-sub{\n    margin: 0;\n    color: rgba(42,35,35,.78);\n    line-height: 1.7;\n  }\n  .sb-kicker{\n    font-weight: 900;\n    letter-spacing: .14em;\n    text-transform: uppercase;\n    color: rgba(120,88,70,.78);\n    font-size: 12px;\n    margin-bottom: 10px;\n  }\n\n  .sb-grid3{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 14px;\n  }\n  .sb-feature{\n    background: rgba(255,255,255,.90);\n    border: 1px solid rgba(217,176,106,.18);\n    border-radius: 20px;\n    padding: 16px;\n    box-shadow: 0 18px 44px rgba(20,12,12,.06);\n    position: relative;\n    overflow:hidden;\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n  .sb-feature::after{\n    content:\"\";\n    position:absolute;\n    inset:-40px;\n    background: linear-gradient(115deg, transparent 40%, rgba(217,176,106,.18) 50%, transparent 60%);\n    transform: translateX(-50%);\n    opacity:.55;\n    transition: transform .35s ease;\n    pointer-events:none;\n  }\n  .sb-feature:hover{\n    transform: translateY(-4px);\n    box-shadow: 0 24px 60px rgba(20,12,12,.10);\n  }\n  .sb-feature:hover::after{ transform: translateX(5%); }\n  .sb-feature__icon{\n    width: 36px; height: 36px;\n    border-radius: 14px;\n    display:grid; place-items:center;\n    background: linear-gradient(135deg, rgba(217,176,106,.35), rgba(243,163,143,.22));\n    border: 1px solid rgba(217,176,106,.18);\n    margin-bottom: 10px;\n    font-weight: 900;\n    color: rgba(120,88,70,.95);\n  }\n  .sb-feature h3{\n    margin: 0 0 6px;\n    font-size: 16px;\n  }\n  .sb-feature p{\n    margin: 0;\n    color: rgba(42,35,35,.76);\n    line-height: 1.6;\n    font-size: 14px;\n  }\n\n  \/* ======= STICKY SHOWCASE ======= *\/\n  .sb-stickyShow{\n    background: radial-gradient(900px 520px at 30% 10%, rgba(243,163,143,.10), transparent 60%),\n                radial-gradient(900px 520px at 80% 30%, rgba(217,176,106,.08), transparent 60%),\n                linear-gradient(180deg, #fff, var(--sb-cream));\n    padding: 70px 0;\n  }\n  .sb-stickyShow__grid{\n    display:grid;\n    grid-template-columns: 1.05fr .95fr;\n    gap: 18px;\n    align-items:start;\n  }\n  .sb-stickyText__inner{\n    background: rgba(255,255,255,.76);\n    border: 1px solid rgba(217,176,106,.18);\n    border-radius: var(--sb-radius);\n    padding: 18px;\n    box-shadow: 0 20px 60px rgba(20,12,12,.08);\n  }\n  .sb-steps{\n    display:grid;\n    gap: 10px;\n    margin-top: 12px;\n  }\n  .sb-step{\n    display:grid;\n    grid-template-columns: 44px 1fr;\n    gap: 12px;\n    padding: 12px;\n    border-radius: 18px;\n    border: 1px solid rgba(217,176,106,.15);\n    background: rgba(255,255,255,.85);\n    transition: transform .18s ease, border-color .18s ease, box-shadow .18s ease;\n  }\n  .sb-step.is-active{\n    transform: translateY(-2px);\n    border-color: rgba(217,176,106,.35);\n    box-shadow: 0 16px 40px rgba(20,12,12,.10);\n  }\n  .sb-step__n{\n    width: 44px;\n    height: 44px;\n    border-radius: 16px;\n    display:grid;\n    place-items:center;\n    font-weight: 900;\n    color: rgba(120,88,70,.95);\n    background: linear-gradient(135deg, rgba(217,176,106,.30), rgba(243,163,143,.18));\n    border: 1px solid rgba(217,176,106,.18);\n  }\n  .sb-step__c h3{\n    margin: 0 0 3px;\n    font-size: 15px;\n  }\n  .sb-step__c p{\n    margin: 0;\n    color: rgba(42,35,35,.76);\n    line-height: 1.6;\n    font-size: 14px;\n  }\n\n  .sb-ctaRow{\n    display:flex;\n    gap: 10px;\n    flex-wrap: wrap;\n    margin-top: 14px;\n  }\n\n  .sb-stickyVisual{\n    position: sticky;\n    top: 16px;\n    align-self: start;\n  }\n  .sb-stickyFrame{\n    position: relative;\n    border-radius: var(--sb-radius);\n    overflow: hidden;\n    background: rgba(255,255,255,.80);\n    border: 1px solid rgba(217,176,106,.18);\n    box-shadow: 0 24px 70px rgba(20,12,12,.10);\n    min-height: 520px;\n  }\n  .sb-frameShine{\n    position:absolute;\n    inset:-60px;\n    background: linear-gradient(115deg, transparent 40%, rgba(255,255,255,.70) 50%, transparent 60%);\n    opacity:.40;\n    transform: translateX(-55%);\n    animation: sb-shimmer 7.4s ease-in-out infinite;\n    pointer-events:none;\n  }\n  .sb-stack{\n    position: relative;\n    width: 100%;\n    height: 520px;\n  }\n  .sb-stack__img{\n    position:absolute;\n    inset: 0;\n    width:100%;\n    height:100%;\n    object-fit: cover;\n    opacity: 0;\n    transform: scale(1.03);\n    transition: opacity .55s ease, transform .55s ease;\n    filter: saturate(1.05) contrast(1.03);\n  }\n  .sb-stack__img.is-active{\n    opacity: 1;\n    transform: scale(1);\n  }\n\n  \/* ======= GALLERY ======= *\/\n  .sb-gallery{\n    display:grid;\n    grid-template-columns: repeat(3, 1fr);\n    gap: 12px;\n  }\n  .sb-gItem{\n    position: relative;\n    border-radius: 20px;\n    overflow:hidden;\n    border: 1px solid rgba(217,176,106,.18);\n    box-shadow: 0 18px 50px rgba(20,12,12,.08);\n    transform: translateZ(0);\n    transition: transform .22s ease, box-shadow .22s ease;\n  }\n  .sb-gItem img{\n    width:100%;\n    height: 240px;\n    object-fit: cover;\n    display:block;\n    transition: transform .6s ease;\n  }\n  .sb-gItem__shine{\n    position:absolute;\n    inset:-60px;\n    background: linear-gradient(115deg, transparent 42%, rgba(255,255,255,.70) 50%, transparent 58%);\n    opacity:.45;\n    transform: translateX(-55%);\n    transition: transform .55s ease;\n    pointer-events:none;\n  }\n  .sb-gItem:hover{\n    transform: translateY(-4px);\n    box-shadow: 0 28px 70px rgba(20,12,12,.12);\n  }\n  .sb-gItem:hover img{ transform: scale(1.06); }\n  .sb-gItem:hover .sb-gItem__shine{ transform: translateX(10%); }\n\n  \/* ======= CTA SECTION ======= *\/\n  .sb-section--cta{\n    background: linear-gradient(180deg, var(--sb-cream), #fff);\n    padding-bottom: 78px;\n  }\n  .sb-ctaBox{\n    position: relative;\n    border-radius: var(--sb-radius);\n    overflow:hidden;\n    background: rgba(255,255,255,.78);\n    border: 1px solid rgba(217,176,106,.20);\n    box-shadow: 0 28px 80px rgba(20,12,12,.12);\n    display:grid;\n    grid-template-columns: 1.15fr .85fr;\n    gap: 0;\n  }\n  .sb-ctaBox__shine{\n    position:absolute;\n    inset:-80px;\n    background: linear-gradient(115deg, transparent 40%, rgba(217,176,106,.18) 50%, transparent 60%);\n    opacity:.45;\n    transform: translateX(-55%);\n    animation: sb-shimmer 7.8s ease-in-out infinite;\n    pointer-events:none;\n  }\n  .sb-ctaBox__left{\n    padding: 22px;\n  }\n  .sb-ctaBox__right{\n    padding: 22px;\n    display:flex;\n    align-items: stretch;\n  }\n  .sb-mapCard{\n    width:100%;\n    border-radius: 18px;\n    border: 1px solid rgba(217,176,106,.18);\n    background: rgba(255,255,255,.88);\n    overflow:hidden;\n    box-shadow: 0 18px 60px rgba(20,12,12,.08);\n    display:flex;\n    flex-direction: column;\n  }\n  .sb-mapCard__top{\n    padding: 12px 12px;\n    display:flex;\n    align-items:center;\n    gap: 10px;\n    color: rgba(120,88,70,.90);\n    font-weight: 900;\n    font-size: 13px;\n    border-bottom: 1px solid rgba(217,176,106,.15);\n  }\n  .sb-mapCard__body{\n    padding: 12px 12px;\n    display:grid;\n    gap: 8px;\n    color: rgba(42,35,35,.78);\n    font-size: 14px;\n    line-height: 1.5;\n    flex: 1;\n  }\n  .sb-mapLine{\n    display:flex;\n    gap: 10px;\n    align-items:flex-start;\n  }\n  .sb-mapLine span{\n    color: rgba(120,88,70,.90);\n    font-weight: 900;\n  }\n  .sb-mapCard__btn{\n    padding: 12px 12px;\n    text-decoration:none;\n    font-weight: 900;\n    color: rgba(42,35,35,.92);\n    border-top: 1px solid rgba(217,176,106,.15);\n    background: linear-gradient(180deg, rgba(255,255,255,.90), rgba(243,163,143,.08));\n  }\n\n  .sb-footerNote{\n    margin-top: 16px;\n    text-align:center;\n    color: rgba(120,88,70,.90);\n    font-weight: 800;\n  }\n  .sb-footerNote a{\n    margin-left: 10px;\n    color: rgba(42,35,35,.85);\n    text-decoration:none;\n    border-bottom: 1px solid rgba(217,176,106,.35);\n  }\n  .sb-gold{\n    background: linear-gradient(90deg, rgba(217,176,106,1), rgba(243,163,143,.95), rgba(217,176,106,1));\n    -webkit-background-clip:text;\n    background-clip:text;\n    -webkit-text-fill-color: transparent;\n    color: transparent;\n  }\n\n  \/* ======= REVEAL ON SCROLL ======= *\/\n  .sb-reveal{\n    opacity: 0;\n    transform: translateY(14px);\n    transition: opacity .6s ease, transform .6s ease;\n  }\n  .sb-reveal.is-in{\n    opacity: 1;\n    transform: translateY(0);\n  }\n\n  \/* ======= RESPONSIVE ======= *\/\n  @media (max-width: 980px){\n    .sb-hero__grid{ grid-template-columns: 1fr; }\n    .sb-mini{ grid-template-columns: 1fr; }\n    .sb-grid3{ grid-template-columns: 1fr; }\n    .sb-stickyShow__grid{ grid-template-columns: 1fr; }\n    .sb-stickyVisual{ position: relative; top: auto; }\n    .sb-stickyFrame{ min-height: 420px; }\n    .sb-stack{ height: 420px; }\n    .sb-gallery{ grid-template-columns: 1fr 1fr; }\n    .sb-ctaBox{ grid-template-columns: 1fr; }\n  }\n  @media (max-width: 560px){\n    .sb-hero{ padding-top: 54px; }\n    .sb-gallery{ grid-template-columns: 1fr; }\n    .sb-gItem img{ height: 220px; }\n  }\n\n  \/* ======= ANIMS ======= *\/\n  @keyframes sb-shimmer{\n    0%{ transform: translateX(-55%); }\n    45%{ transform: translateX(12%); }\n    100%{ transform: translateX(-55%); }\n  }\n  @keyframes sb-bgShine{\n    0%{ transform: translateX(-2%); }\n    50%{ transform: translateX(2%); }\n    100%{ transform: translateX(-2%); }\n  }\n\n  \/* Respect reduce motion *\/\n  @media (prefers-reduced-motion: reduce){\n    .sb-reveal{ transition:none; opacity:1; transform:none; }\n    .sb-card__shine, .sb-frameShine, .sb-ctaBox__shine, .sb-hero__bg{ animation:none; }\n  }\n<\/style>\n\n<script>\n  \/\/ Reveal on scroll (luxueux, discret)\n  (function(){\n    const els = document.querySelectorAll('.sb-reveal');\n    if(!('IntersectionObserver' in window) || !els.length){\n      els.forEach(el => el.classList.add('is-in'));\n      return;\n    }\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if(e.isIntersecting) e.target.classList.add('is-in');\n      });\n    }, { threshold: 0.12 });\n    els.forEach(el => io.observe(el));\n  })();\n\n  \/\/ Sticky showcase: active step -> change image\n  (function(){\n    const steps = document.querySelectorAll('.sb-step');\n    const imgs = document.querySelectorAll('.sb-stack__img');\n    if(!steps.length || !imgs.length || !('IntersectionObserver' in window)) return;\n\n    function setActive(n){\n      steps.forEach(s => s.classList.toggle('is-active', s.dataset.step === String(n)));\n      imgs.forEach(img => img.classList.toggle('is-active', img.dataset.img === String(n)));\n    }\n\n    const io = new IntersectionObserver((entries) => {\n      entries.forEach(e => {\n        if(e.isIntersecting){\n          const n = e.target.dataset.step;\n          setActive(n);\n        }\n      });\n    }, { threshold: 0.6 });\n\n    steps.forEach(s => io.observe(s));\n  })();\n<\/script>\n<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Institut cocooning \u2022 Belleville-en-Beaujolais Studio Beaut\u00e9 by Julie Esth\u00e9ticienne depuis plus de 10 ans (parfumerie &#038; instituts), j\u2019ai cr\u00e9\u00e9 Studio Beaut\u00e9 il y a 3 ans \u00e0 Belleville-en-Beaujolais. Ici, tout est pens\u00e9 pour un moment cocooning, d\u00e9licat, et des r\u00e9sultats qui subliment. R\u00e9server sur Planity D\u00e9couvrir l\u2019institut Adresse 10 rue des P\u00e8resllers, 69220 Belleville-en-Beaujolais Ambiance [&hellip;]<\/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-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/comments?post=8"}],"version-history":[{"count":10,"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":43,"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/pages\/8\/revisions\/43"}],"wp:attachment":[{"href":"https:\/\/studiobeaute69.fr\/index.php\/wp-json\/wp\/v2\/media?parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}