@font-face { font-family:'Lato';src:url('/lato-regular.woff2') format('woff2'), url('/lato-regular.woff') format('woff');font-weight:400;font-style:normal;font-display:swap;}
html, body { font-family:'Lato', Arial, sans-serif;font-weight:300;font-size:20px;margin:0;padding:0;}
main, section, body { overflow-x:hidden !important;}
img { width:100%;height:auto;display:block;}
h1, h2, h3 { color:#3A4A61;font-style:italic;margin:0;padding:0;text-align:left;}
h1 { font-size:46px;}
h2 { font-size:32px;}
h3 { font-size:28px;}
h1, h2, .reveal-down { opacity:0;transition:opacity 0.6s ease-out, transform 0.6s ease-out;will-change:opacity, transform;}
h1.reveal { transform:translateX(90px);}
h2.reveal { transform:translateX(50px);}
h1.reveal.visible,
h2.reveal.visible { opacity:1;transform:translateX(0);}
.reveal-down { transform:translateY(-50px);}
.reveal-down.visible { opacity:1;transform:translateY(0);}
.tantra { width:100%;margin:70px 0 0 0;}
.yoga { font-size:28px;color:#000;font-style:italic;margin:0;padding:0;}
.titre { padding:80px 15px;text-align:center;max-width:1200px;margin:0 auto;}
.titrein { padding:0 0 80px 0;}
.pading100 { padding:100px 0;}
.center { text-align:center;padding:5px;font-size:16px;display:block;}
.centrer { text-align:center !important;}
a:link, a:visited { color:#000;text-decoration:none;}
a:hover { color:#FFF;}
.header_container { width:100%;display:flex;justify-content:center;position:fixed;top:0;z-index:1000;background:rgba(255,255,255,0.9);}
.header { display:flex;justify-content:space-between;align-items:center;color:white;padding:15px 20px;max-width:1200px;width:100%;box-shadow:0px 4px 6px rgba(0,0,0,0.1);box-sizing:border-box;}
.site-title { font-size:24px;margin:0 auto;}
.tittlesite:link,  .tittlesite:visited {color:#000 !important;transition:all .4s;}
.tittlesite:hover { color:#7E3B34;transition:all .4s;}
.menu-toggle { display:flex;align-items:center;background:#000;border:none;color:#FFF;font-size:18px;cursor:pointer;padding:10px;margin-right:20px;border-radius:6px;}
.menu-toggle .icon { width:25px;height:20px;display:flex;flex-direction:column;justify-content:space-between;margin-left:10px;}
.menu-toggle .icon div { width:100%;height:3px;background-color:white;border-radius:2px;}
.active-link { background-color:#D45E52;color:#FFF !important;border-radius:6px;padding:5px 10px;display:block;}
.container { position: absolute !important;top: 80px;left: 0;right: 0;width: 100%;}
.menu-container { width:60%;background:rgba(255,255,255,0.9);padding:15px;box-shadow:2px 2px 10px rgba(0,0,0,0.1);border-radius:10px;margin:0 auto;display:none;}
.menu ul { list-style:none;margin:0;padding:0;}
.menu-item { cursor:pointer;padding:8px 15px;margin-top:2px;background:#C2C9C9;border-radius:8px;transition:background 0.3s, transform 0.2s;display:flex;justify-content:space-between;align-items:center;font-weight:bold;color:#000;transition:all 0.4s;}
.menu-item:hover { background:#666;color:#FFF;}
.submenu { max-height:0;overflow:hidden;transition:max-height 0.5s ease-out, padding 0.3s ease-out;padding-left:15px;margin:5px 0 0 15px;}
.submenu.open { max-height:2000px;padding:5px 0;}
.submenu li { padding:2px 0 0 20px;}
.submenu a:link { text-decoration:none;color:#000;display:block;padding:4px 10px 4px 20px;border-radius:6px;transition:background 0.3s;}
.submenu a:visited { text-decoration:none;color:#000;display:block;padding:4px 10px 4px 20px;border-radius:6px;transition:background 0.3s;}
.submenu a:hover { background:#6B6B6B;color:#FFF}
.triangle { border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid black;transition:transform 0.3s;}
.menu-item.open .triangle { transform:rotate(180deg);}
.scrollToTopBtn { position:fixed;bottom:140px;right:20px;background-color:#13151E;color:white;border:none;border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;display:none;box-shadow:0 2px 10px rgba(0,0,0,0.2);transition:opacity 0.3s ease;}
.scrollToTopBtn.show { display:block;opacity:1;}
.button { display:block;background-color:#D57342;line-height:1.2;min-height:48px;font-size:24px;color:#FFF;padding:10px;cursor:pointer;transition:all 0.4s;border-radius:4px;margin:0 auto;width:300px;text-align:center;}
.button:hover { background:#863931;}
.button a:link { color:#000;}
.yoga_goeland { color:#000;background:#FFF;}
.yoga_goeland_div { max-width:1400px;margin:50px auto;font-size:18px;padding:40px;text-align:justify;background:#E0E0E0;border-radius:15px;}
.yoga_goeland h2,
.yoga_goeland h3 { font-size:36px;color:#000;font-style:italic;margin:0;padding:0;text-align:left;}
.yoga_texte { text-align:justify;padding:50px;font-size:22px;}
.yoga_texte p { font-size:22px;}
.orange { background:#EDD2CB;}
.blanc { background:#444;color:#FFF;}
.blanc h2 { color:#FFF;}
input, select, textarea { width:100%;max-width:500px;padding:8px;margin-top:0.3rem;border:1px solid #ccc;border-radius:5px;font-size:18px;box-sizing:border-box;}
textarea { resize:vertical;min-height:120px;}
.denis { display:flex;gap:20px;align-items:flex-start;max-width:1200px;}
.groupe-photo { display:flex;flex-direction:column;}
.shajesh { width:100%;height:auto;max-width:392px;margin:15px 0 0 0;}
.shajesh { width:100%;max-width:392px;margin:15px 0 0 0;}
.legende { margin:0;padding:5px;font-size:18px;text-align:center;}
.txtpetit { font-size:16px;}
.form500 { max-width:500px;margin:0 auto;}
.bas { background:#8E443B;color:#FFF }
.icon { width:32px;height:32px;aspect-ratio:1/1;margin:0 auto;display:inline-block}

@media (max-width:768px) {
    .header_container { position:absolute;width:100%;box-sizing:border-box;}
    .header { width:100%;max-width:100%;}
    .site-title { font-size:18px;}
    .menu-container { width: 100vw; margin: 0;box-sizing:border-box}
    .menu-container.active { display:block;}
    .yoga_goeland_div { margin:50px 10px;padding:0;}
    .yoga_goeland h1 { text-align:center;}
    .yoga_goeland h2 { font-size:22px;}
    .yoga_texte { padding:15px;font-size:18px;}
    .titre { padding:50px 10px;text-align:center;}
    .titre p { text-align:center;}
    .denis { flex-direction:column;}
    .groupe-photo, .shajesh { width:100%;max-width:100%;}
    .tantra { margin:90px 0 0 0;}
}