*{margin:0;padding:0;box-sizing:border-box}
a{color:inherit;cursor:pointer;text-decoration:none}
p{margin:0}
h1{font-size:2rem;margin-top:0;font-weight:700;line-height:1.1;margin-bottom:1rem}
h2{font-size:1.6rem;margin-top:0;font-weight:600;line-height:1.1;margin-bottom:0.9rem}
h3{font-size:1.3rem;margin-top:0;font-weight:600;line-height:1.1;margin-bottom:0.8rem}
h4{font-size:1.1rem;margin-top:0;font-weight:600;line-height:1.1;margin-bottom:0.6rem}
h5{font-size:1rem;margin-top:0;font-weight:600;line-height:1.1;margin-bottom:0.5rem}
h6{font-size:0.9rem;margin-top:0;font-weight:600;line-height:1.1;margin-bottom:0.4rem}
ol{list-style:decimal;padding-left:1.2rem;margin-bottom:1rem}
td{padding:0.5rem;border-top:1px solid #ddd}
th{padding:0.5rem;background:#f0f0f0;text-align:left}
ul{list-style:disc;padding-left:1.2rem;margin-bottom:1rem}
img{height:auto;display:block;max-width:100%}
pre{padding:1rem;background:#eee;overflow-x:auto;font-family:monospace;border-radius:6px;margin-bottom:1rem}
body{color:#222;margin:0;display:flex;padding:0;font-size:16px;min-height:100vh;font-family:system-ui, -apple-system, sans-serif;line-height:1.6;flex-direction:column;background-color:#ffffff}
code{padding:0.2rem 0.4rem;background:#eee;font-family:monospace;border-radius:4px}
html{height:100%;scroll-behavior:smooth}
main{flex:1 0 auto;width:100%}
input{font-size:inherit;font-family:inherit;line-height:inherit}
table{width:100%;margin-bottom:1.2rem;border-collapse:collapse}
button{border:none;cursor:pointer;font-size:inherit;background:none;font-family:inherit}
footer{width:100%}
header{width:100%}
select{font-size:inherit;font-family:inherit;line-height:inherit}
a:hover{text-decoration:underline}
textarea{font-size:inherit;font-family:inherit;line-height:inherit}
blockquote{margin:1rem 0;padding:0.5rem 1rem;background:#f9f9f9;border-left:4px solid #ddd}
.site{width:100%;min-height:100vh;background:#ffffff;color:#401623;font-family:"Nunito Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.demo-banner{width:100%;padding:0.9rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.95rem;font-weight:700;line-height:1.5;letter-spacing:0.01em}
.hero{width:100%;min-height:60vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8.25rem 1.5rem 3.5rem 1.5rem;background:#fff3f7;border-bottom:1px solid #f5bdca}
.hero__background--home{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/home.jpg') center/cover no-repeat}
.hero__background--participer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/participer.jpg') center/cover no-repeat}
.hero__background--pourquoi-essayer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/pourquoi-essayer.jpg') center/cover no-repeat}
.hero__background--bien-etre{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/bien-etre.jpg') center/cover no-repeat}
.hero__background--psychologie{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/psychologie.jpg') center/cover no-repeat}
.hero__background--valeurs{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/valeurs.jpg') center/cover no-repeat}
.hero__background--experiences{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/experiences.jpg') center/cover no-repeat}
.hero__background--faq{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/faq.jpg') center/cover no-repeat}
.hero__background--premiere-fois{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/premiere-fois.jpg') center/cover no-repeat}
.hero__background--actualites{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/actualites.jpg') center/cover no-repeat}
.hero__background--connexion{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/connexion.jpg') center/cover no-repeat}
.hero__background--inscription{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/inscription.jpg') center/cover no-repeat}
.hero__background--qui-sommes-nous{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/qui-sommes-nous.jpg') center/cover no-repeat}
.hero__background--referentes{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/referente.jpg') center/cover no-repeat}
.hero__background--lieux{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/lieux.jpg') center/cover no-repeat}
.hero__background--charte{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/charte.jpg') center/cover no-repeat}
.hero__background--contact{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/contact.jpg') center/cover no-repeat}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.6rem 2rem 0.85rem 0;background:rgba(255, 230, 238, 0.94);border-bottom:1px solid #f5bdca;box-shadow:0 10px 30px rgba(64, 22, 35, 0.08);backdrop-filter:blur(12px)}
.topbar__notice{position:absolute;top:0;left:0;right:0;z-index:2;padding:0.55rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.83rem;font-weight:700;line-height:1.35;letter-spacing:0.01em}
.topbar__logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:clamp(138px, 27vw, 276px);max-width:100%}
.menu{position:relative;z-index:1;flex:1 1 auto;display:flex;justify-content:flex-end;font-size:0.95rem;font-weight:600;color:#8f2f4d}
.session-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#8f2f4d}
.admin-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#ffffff}
.kicker{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:2.2rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0;padding:0.45rem 0.8rem;border:1px solid #f3a8ba;border-radius:8px;background:#ffffff;font-size:0.95rem;font-weight:700;color:#a33d58;text-transform:uppercase}
.title{position:relative;z-index:1;width:100%;max-width:860px;margin:0 auto 0.95rem auto;font-size:3.05rem;font-weight:800;line-height:1.04;text-align:center;color:#401623}
.title.title--route{position:relative;z-index:1;font-size:2.75rem;line-height:1.08}
.route-action{position:relative;z-index:1;display:flex;justify-content:center;margin:1rem 0 0 0}
.intro{position:relative;z-index:1;width:100%;max-width:740px;margin:0 auto;font-size:1.06rem;line-height:1.62;text-align:center;color:#5f3542}
.actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;margin-top:1.35rem}
.section{width:100%;padding:4rem 1.5rem;background:#ffffff}
.content{width:100%;max-width:880px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:#50333c}
.footer{width:100%;padding:2rem 1.5rem;background:#401623;color:#ffe6ee;font-size:0.92rem;line-height:1.7;text-align:center}
.footer__notice{max-width:920px;margin:0 auto 1rem auto}
.footer__menu{display:flex;justify-content:center}
@media (min-width: 768px) and (max-width: 1024px){.site{width:100%;min-height:100vh;background:#ffffff;color:#401623;font-family:"Nunito Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.demo-banner{width:100%;padding:0.9rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.95rem;font-weight:700;line-height:1.5;letter-spacing:0.01em}
.hero{width:100%;min-height:60vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8.25rem 1.5rem 3.5rem 1.5rem;background:#fff3f7;border-bottom:1px solid #f5bdca}
.hero__background--home{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/home.jpg') center/cover no-repeat}
.hero__background--participer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/participer.jpg') center/cover no-repeat}
.hero__background--pourquoi-essayer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/pourquoi-essayer.jpg') center/cover no-repeat}
.hero__background--bien-etre{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/bien-etre.jpg') center/cover no-repeat}
.hero__background--psychologie{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/psychologie.jpg') center/cover no-repeat}
.hero__background--valeurs{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/valeurs.jpg') center/cover no-repeat}
.hero__background--experiences{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/experiences.jpg') center/cover no-repeat}
.hero__background--faq{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/faq.jpg') center/cover no-repeat}
.hero__background--premiere-fois{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/premiere-fois.jpg') center/cover no-repeat}
.hero__background--actualites{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/actualites.jpg') center/cover no-repeat}
.hero__background--connexion{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/connexion.jpg') center/cover no-repeat}
.hero__background--inscription{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/inscription.jpg') center/cover no-repeat}
.hero__background--qui-sommes-nous{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/qui-sommes-nous.jpg') center/cover no-repeat}
.hero__background--referentes{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/referente.jpg') center/cover no-repeat}
.hero__background--lieux{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/lieux.jpg') center/cover no-repeat}
.hero__background--charte{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/charte.jpg') center/cover no-repeat}
.hero__background--contact{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/contact.jpg') center/cover no-repeat}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.6rem 2rem 0.85rem 0;background:rgba(255, 230, 238, 0.94);border-bottom:1px solid #f5bdca;box-shadow:0 10px 30px rgba(64, 22, 35, 0.08);backdrop-filter:blur(12px)}
.topbar__notice{position:absolute;top:0;left:0;right:0;z-index:2;padding:0.55rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.83rem;font-weight:700;line-height:1.35;letter-spacing:0.01em}
.topbar__logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:clamp(138px, 27vw, 276px);max-width:100%}
.menu{position:relative;z-index:1;flex:1 1 auto;display:flex;justify-content:flex-end;font-size:0.95rem;font-weight:600;color:#8f2f4d}
.session-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#8f2f4d}
.admin-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#ffffff}
.kicker{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:2.2rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0;padding:0.45rem 0.8rem;border:1px solid #f3a8ba;border-radius:8px;background:#ffffff;font-size:0.95rem;font-weight:700;color:#a33d58;text-transform:uppercase}
.kicker{margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0}
.title{position:relative;z-index:1;width:100%;max-width:860px;margin:0 auto 0.95rem auto;font-size:3.05rem;font-weight:800;line-height:1.04;text-align:center;color:#401623}
.title{font-size:2.55rem}
.title.title--route{position:relative;z-index:1;font-size:2.75rem;line-height:1.08}
.title.title--route{font-size:2.35rem}
.route-action{position:relative;z-index:1;display:flex;justify-content:center;margin:1rem 0 0 0}
.intro{position:relative;z-index:1;width:100%;max-width:740px;margin:0 auto;font-size:1.06rem;line-height:1.62;text-align:center;color:#5f3542}
.actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;margin-top:1.35rem}
.section{width:100%;padding:4rem 1.5rem;background:#ffffff}
.content{width:100%;max-width:880px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:#50333c}
.footer{width:100%;padding:2rem 1.5rem;background:#401623;color:#ffe6ee;font-size:0.92rem;line-height:1.7;text-align:center}
.footer__notice{max-width:920px;margin:0 auto 1rem auto}
.footer__menu{display:flex;justify-content:center}}
@media (max-width: 767px) and (orientation: portrait){.site{width:100%;min-height:100vh;background:#ffffff;color:#401623;font-family:"Nunito Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.demo-banner{width:100%;padding:0.9rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.95rem;font-weight:700;line-height:1.5;letter-spacing:0.01em}
.demo-banner{padding:0.8rem 0.85rem;font-size:0.88rem}
.hero{width:100%;min-height:60vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8.25rem 1.5rem 3.5rem 1.5rem;background:#fff3f7;border-bottom:1px solid #f5bdca}
.hero{min-height:52vh;padding:6.6rem 1rem 2.8rem 1rem}
.hero__background--home{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/home.jpg') center/cover no-repeat}
.hero__background--participer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/participer.jpg') center/cover no-repeat}
.hero__background--pourquoi-essayer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/pourquoi-essayer.jpg') center/cover no-repeat}
.hero__background--bien-etre{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/bien-etre.jpg') center/cover no-repeat}
.hero__background--psychologie{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/psychologie.jpg') center/cover no-repeat}
.hero__background--valeurs{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/valeurs.jpg') center/cover no-repeat}
.hero__background--experiences{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/experiences.jpg') center/cover no-repeat}
.hero__background--faq{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/faq.jpg') center/cover no-repeat}
.hero__background--premiere-fois{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/premiere-fois.jpg') center/cover no-repeat}
.hero__background--actualites{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/actualites.jpg') center/cover no-repeat}
.hero__background--connexion{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/connexion.jpg') center/cover no-repeat}
.hero__background--inscription{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/inscription.jpg') center/cover no-repeat}
.hero__background--qui-sommes-nous{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/qui-sommes-nous.jpg') center/cover no-repeat}
.hero__background--referentes{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/referente.jpg') center/cover no-repeat}
.hero__background--lieux{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/lieux.jpg') center/cover no-repeat}
.hero__background--charte{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/charte.jpg') center/cover no-repeat}
.hero__background--contact{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/contact.jpg') center/cover no-repeat}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.6rem 2rem 0.85rem 0;background:rgba(255, 230, 238, 0.94);border-bottom:1px solid #f5bdca;box-shadow:0 10px 30px rgba(64, 22, 35, 0.08);backdrop-filter:blur(12px)}
.topbar{align-items:center;flex-wrap:wrap;row-gap:0.6rem;padding:2.3rem 1rem 0.7rem 0.5rem}
.topbar__notice{position:absolute;top:0;left:0;right:0;z-index:2;padding:0.55rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.83rem;font-weight:700;line-height:1.35;letter-spacing:0.01em}
.topbar__notice{padding:0.5rem 0.75rem;font-size:0.76rem}
.topbar__logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:clamp(138px, 27vw, 276px);max-width:100%}
.topbar__logo{width:200px;min-width:0;order:1}
.menu{position:relative;z-index:1;flex:1 1 auto;display:flex;justify-content:flex-end;font-size:0.95rem;font-weight:600;color:#8f2f4d}
.menu{width:auto;order:2;flex:0 0 auto;justify-content:flex-end;font-size:0.88rem;z-index:3}
.session-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#8f2f4d}
.session-menu{width:100%;order:3;margin-left:0;flex:0 0 100%;justify-content:flex-start}
.admin-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#ffffff}
.admin-menu{width:100%;order:4;margin-left:0;flex:0 0 100%;justify-content:flex-start}
.kicker{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:2.2rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0;padding:0.45rem 0.8rem;border:1px solid #f3a8ba;border-radius:8px;background:#ffffff;font-size:0.95rem;font-weight:700;color:#a33d58;text-transform:uppercase}
.kicker{font-size:0.82rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0}
.title{position:relative;z-index:1;width:100%;max-width:860px;margin:0 auto 0.95rem auto;font-size:3.05rem;font-weight:800;line-height:1.04;text-align:center;color:#401623}
.title{font-size:2rem}
.title.title--route{position:relative;z-index:1;font-size:2.75rem;line-height:1.08}
.title.title--route{font-size:1.9rem}
.route-action{position:relative;z-index:1;display:flex;justify-content:center;margin:1rem 0 0 0}
.route-action{margin:0.85rem 0 0 0}
.intro{position:relative;z-index:1;width:100%;max-width:740px;margin:0 auto;font-size:1.06rem;line-height:1.62;text-align:center;color:#5f3542}
.intro{font-size:0.97rem;line-height:1.56}
.actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;margin-top:1.35rem}
.actions{flex-direction:column;width:100%;max-width:340px;margin-left:auto;margin-right:auto}
.section{width:100%;padding:4rem 1.5rem;background:#ffffff}
.section{padding:3rem 1rem}
.content{width:100%;max-width:880px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:#50333c}
.content{font-size:1rem;line-height:1.7}
.footer{width:100%;padding:2rem 1.5rem;background:#401623;color:#ffe6ee;font-size:0.92rem;line-height:1.7;text-align:center}
.footer{padding:1.5rem 1rem;font-size:0.86rem}
.footer__notice{max-width:920px;margin:0 auto 1rem auto}
.footer__menu{display:flex;justify-content:center}}
@media (max-width: 767px) and (orientation: landscape){.site{width:100%;min-height:100vh;background:#ffffff;color:#401623;font-family:"Nunito Sans", Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.demo-banner{width:100%;padding:0.9rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.95rem;font-weight:700;line-height:1.5;letter-spacing:0.01em}
.demo-banner{padding:0.8rem 0.85rem;font-size:0.88rem}
.hero{width:100%;min-height:60vh;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8.25rem 1.5rem 3.5rem 1.5rem;background:#fff3f7;border-bottom:1px solid #f5bdca}
.hero{min-height:52vh;padding:6.6rem 1rem 2.8rem 1rem}
.hero{padding:6rem 1rem 2.4rem 1rem}
.hero__background--home{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/home.jpg') center/cover no-repeat}
.hero__background--participer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/participer.jpg') center/cover no-repeat}
.hero__background--pourquoi-essayer{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/pourquoi-essayer.jpg') center/cover no-repeat}
.hero__background--bien-etre{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/bien-etre.jpg') center/cover no-repeat}
.hero__background--psychologie{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/psychologie.jpg') center/cover no-repeat}
.hero__background--valeurs{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/valeurs.jpg') center/cover no-repeat}
.hero__background--experiences{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/experiences.jpg') center/cover no-repeat}
.hero__background--faq{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/faq.jpg') center/cover no-repeat}
.hero__background--premiere-fois{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/premiere-fois.jpg') center/cover no-repeat}
.hero__background--actualites{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/actualites.jpg') center/cover no-repeat}
.hero__background--connexion{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/connexion.jpg') center/cover no-repeat}
.hero__background--inscription{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/inscription.jpg') center/cover no-repeat}
.hero__background--qui-sommes-nous{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/qui-sommes-nous.jpg') center/cover no-repeat}
.hero__background--referentes{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/referente.jpg') center/cover no-repeat}
.hero__background--lieux{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/lieux.jpg') center/cover no-repeat}
.hero__background--charte{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/charte.jpg') center/cover no-repeat}
.hero__background--contact{position:absolute;inset:0;z-index:0;background:linear-gradient(rgba(255, 243, 247, 0.72), rgba(255, 243, 247, 0.72)), url('/uploads/naturelles/hero/contact.jpg') center/cover no-repeat}
.topbar{position:fixed;top:0;left:0;right:0;z-index:50;width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:2.6rem 2rem 0.85rem 0;background:rgba(255, 230, 238, 0.94);border-bottom:1px solid #f5bdca;box-shadow:0 10px 30px rgba(64, 22, 35, 0.08);backdrop-filter:blur(12px)}
.topbar{align-items:center;flex-wrap:wrap;row-gap:0.6rem;padding:2.3rem 1rem 0.7rem 0.5rem}
.topbar{padding:2.25rem 1rem 0.7rem 0.5rem}
.topbar__notice{position:absolute;top:0;left:0;right:0;z-index:2;padding:0.55rem 1rem;background:#b22222;color:#ffffff;text-align:center;font-size:0.83rem;font-weight:700;line-height:1.35;letter-spacing:0.01em}
.topbar__notice{padding:0.5rem 0.75rem;font-size:0.76rem}
.topbar__logo{position:relative;z-index:1;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto;width:clamp(138px, 27vw, 276px);max-width:100%}
.topbar__logo{width:200px;min-width:0;order:1}
.menu{position:relative;z-index:1;flex:1 1 auto;display:flex;justify-content:flex-end;font-size:0.95rem;font-weight:600;color:#8f2f4d}
.menu{width:auto;order:2;flex:0 0 auto;justify-content:flex-end;font-size:0.88rem;z-index:3}
.menu{justify-content:flex-end;z-index:3}
.session-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#8f2f4d}
.session-menu{width:100%;order:3;margin-left:0;flex:0 0 100%;justify-content:flex-start}
.admin-menu{position:relative;z-index:1;display:flex;flex:0 0 auto;justify-content:flex-end;font-size:0.9rem;font-weight:700;color:#ffffff}
.admin-menu{width:100%;order:4;margin-left:0;flex:0 0 100%;justify-content:flex-start}
.kicker{position:relative;z-index:1;display:inline-flex;align-items:center;min-height:2.2rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0;padding:0.45rem 0.8rem;border:1px solid #f3a8ba;border-radius:8px;background:#ffffff;font-size:0.95rem;font-weight:700;color:#a33d58;text-transform:uppercase}
.kicker{font-size:0.82rem;margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0}
.kicker{margin:calc(0.65rem + var(--topbar-overflow, 0px)) 0 0.8rem 0}
.title{position:relative;z-index:1;width:100%;max-width:860px;margin:0 auto 0.95rem auto;font-size:3.05rem;font-weight:800;line-height:1.04;text-align:center;color:#401623}
.title{font-size:2rem}
.title{font-size:1.8rem}
.title.title--route{position:relative;z-index:1;font-size:2.75rem;line-height:1.08}
.title.title--route{font-size:1.9rem}
.title.title--route{font-size:1.7rem}
.route-action{position:relative;z-index:1;display:flex;justify-content:center;margin:1rem 0 0 0}
.route-action{margin:0.85rem 0 0 0}
.intro{position:relative;z-index:1;width:100%;max-width:740px;margin:0 auto;font-size:1.06rem;line-height:1.62;text-align:center;color:#5f3542}
.intro{font-size:0.97rem;line-height:1.56}
.intro{font-size:0.9rem}
.actions{position:relative;z-index:1;display:flex;flex-wrap:wrap;justify-content:center;gap:0.8rem;margin-top:1.35rem}
.actions{flex-direction:column;width:100%;max-width:340px;margin-left:auto;margin-right:auto}
.section{width:100%;padding:4rem 1.5rem;background:#ffffff}
.section{padding:3rem 1rem}
.section{padding:2rem 1rem}
.content{width:100%;max-width:880px;margin:0 auto;font-size:1.05rem;line-height:1.8;color:#50333c}
.content{font-size:1rem;line-height:1.7}
.footer{width:100%;padding:2rem 1.5rem;background:#401623;color:#ffe6ee;font-size:0.92rem;line-height:1.7;text-align:center}
.footer{padding:1.5rem 1rem;font-size:0.86rem}
.footer{padding:1.25rem 1rem}
.footer__notice{max-width:920px;margin:0 auto 1rem auto}
.footer__menu{display:flex;justify-content:center}}