@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;}
strong, b { font-weight:700; }
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:0;}
.yoga { font-size:28px;color:#000;font-style:italic;margin:0;padding:0;}
.titre { padding:80px 0 10px 0;text-align:center;max-width:1200px;margin:0 auto;}
.titrein { padding: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:#D57342;text-decoration:none;font-weight:bold; font-style:italic}
a:hover { color:#000;}
.header_container {position:relative;width:100%;box-sizing:border-box;background:rgba(255,255,255,0.9);}
.container {position:absolute !important;top:80px;left:0;right:0;width:100%;z-index:1000;}
.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;}
.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;}
.menu-container {width:60%;background:rgba(255,255,255,0.95);padding:15px;box-shadow:2px 2px 10px rgba(0,0,0,0.3);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;}
.menu > ul > li > a:link, .menu > ul > li > a:visited {display:block;padding:8px 15px;margin-top:2px;background:#C2C9C9;border-radius:8px;font-weight:bold;color:#000 !important;font-style:normal;}
.menu > ul > li > a:hover {background:#666;color:#FFF !important;}
.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, .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 !important;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:0 auto;font-size:18px;padding:40px;text-align:justify;}
.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; margin:40px 0; font-size:22px;background:#E0E0E0;border-radius:15px;}
.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;margin:80px 0 0 0}
.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 }
.bas a:link, .bas a:visited { color:#FF9;text-decoration:none;font-weight:400;font-style:normal}
.bas a:hover { color:#000;}
.icon { width:32px;height:32px;aspect-ratio:1/1;margin:0 auto;display:inline-block}
.faq-formation { width: 100%; margin: 40px auto; padding: 50px;background:#E0E0E0;border-radius:15px;box-sizing:border-box;}
.faq-liste { border-top: 1px solid #d4b896;}
.faq-item { border-bottom: 1px solid #d4b896;}
.faq-question { width: 100%; background: transparent; border: none; padding: 22px 0; display: flex; justify-content: space-between; align-items: center; cursor: pointer; font-family: 'SUSE', system-ui; font-weight: 200; font-size: 20px; color: #000; text-align: left; transition: color 0.3s ease;}
.faq-question:hover { color: #D6693F;}
.faq-icone { font-family: Georgia, serif; font-size: 28px; font-weight: 300; color: #a07840; transition: transform 0.35s ease; flex-shrink: 0; margin-left: 20px; line-height: 1;}
.faq-question[aria-expanded="true"] .faq-icone { transform: rotate(45deg); color: #D6693F;}
.faq-question[aria-expanded="true"] { color: #D6693F;}
.faq-reponse { max-height: 0; overflow: hidden; transition: max-height 0.4s ease, padding 0.4s ease;}
.faq-reponse p { font-family: Georgia, 'Times New Roman', serif; font-size: 18px; font-style: italic; color: #5c3d1e; line-height: 1.8; padding: 0 0 24px 0; margin: 0;}
.faq-reponse p strong { font-style: normal; color: #A22E28;}
.faq-item.actif .faq-reponse { max-height: 300px; padding-top: 4px;}

@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:0;}
	.faq-formation { width: 100%; padding: 40px 10px;}
	.faq-titre { font-size: 30px;}
	.faq-question { font-size: 17px; padding: 18px 0;}
	.faq-reponse p { font-size: 16px;}	
}
