@font-face { font-family: 'Macondo'; src: url('../MacondoSwashCaps-Regular.ttf') format('truetype'); font-weight: 400; font-style: normal; font-display: swap;}
@font-face { font-family: 'Quicksand'; src: url('../Quicksand-VariableFont_wght.ttf') format('truetype'); font-weight: 100 900; font-style: normal; font-display: swap;}
BODY{ margin:0;padding:0;font-size:18px;font-family: 'Quicksand', sans-serif;font-size:24px;color:#65211E;background-color:#FFF9F5;height:100%; }
.lumi {width:100%;background-color:#FFF; overflow:hidden;box-sizing: border-box;}
.mahaprakasha {max-width:1920px;margin:0 auto}
h1{font-family: "Macondo", cursive;font-weight: 400; font-style: normal;font-size:60px;padding:30px 0;margin:0;color:#65211E;text-align:left;font-style:italic;text-shadow: 0px 0px 9px #777}
h2{font-family: "Macondo", cursive;font-weight: 400; font-style: normal;font-size:40px;padding:20px;margin:0;color:#65211E;text-align:left;font-style:italic;text-shadow: 0px 0px 9px #777}
a:link, a:visited {text-decoration:none; transition:all .5s}
a:hover{text-decoration:none; transition:all .5s}
.facebook {margin-top:8px}
.imgmenu {padding:0; margin:0 }
.ganesh {width:100%;overflow:hidden}
.herault_yoga {background-color:#FBFEF7; width:100%;padding:0;box-sizing: border-box;}
.haimavati {font-family: "Macondo", cursive; font-weight: 400; font-style: normal; color:#D6693F;}
.haimavati100 { font-size:100px; margin-left:20%}
.haimavati70  { font-size:60px; margin-left:10%}
.cale {height:120px;display:none;background-color:#FFF}
.caleok {display:block;}
.prana {background-color:#FBFEF7; width:70%; margin:0; padding:0;}
.yoga34 { text-align:left; padding:150px 0 50px 0;z-index:100;position:absolute; width:70%}
.yoga {padding:0;margin:0; text-align:justify;color:#65211E;display:table;width:100%;background-color:#EBEBEB;box-sizing: border-box;}
.yoga a:link{color:#B62C27;}
.yoga a:visited{color:#B62C27;}
.yoga a:hover{color:#65211E}
.txtpetit {font-size:14px}
.txtpetit10 {font-size:10px}
.yoga_traditionnel {width:100%; height:800px;}
.bas{width:60%;overflow:hidden;text-align:center;margin:0 auto;padding:250px 0 0 0; color:#FFF;}
.tabletexte2{display:table-cell;width:48%;overflow:hidden;font-size:20px;vertical-align:middle;padding:30px 50px 50px 30px;margin:0;background-color:rgba(255,249,245,0.6);height:100%;text-align:justify;color:#65211E}
.texteseul {width:100%; max-width:1200px; margin:0 auto; padding:80px 20px;text-align:justify;box-sizing: border-box;}
input,textarea,select{border-radius:5px;font-size:14px;font-family:Verdana,Geneva,sans-serif;color:#4d4a49;padding:5px;margin:4px;font-weight:100;width:300px;border:solid 1px #dcdcdc}
input:focus,textarea:focus,select:focus{border:solid 1px #000;box-shadow:0 0 2px 2px #a4d38e}
.bouton{background-color:#FFF8F3;cursor:pointer;width:300px;font-size:20px;transition:all .5s}
.bouton:hover{background-color:#C4B5AC;transition:all .5s}
.linkbas:link { color:#FFF !important; text-decoration:none;} 
.linkbas:visited { color:#FFF !important; text-decoration:none;} 
.linkbas:hover { color:#FB6D45 !important; text-decoration:none;}
.scrollToTopBtn { position: fixed; bottom: 20px; right: 20px; background-color: #FB6D45; color: white; border: none; border-radius: 50%; width: 50px; height: 50px; font-size: 24px; cursor: pointer; display: none; /* Masqué par défaut */
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); transition: opacity 0.3s ease;}
.scrollToTopBtn.show { display: block; opacity: 1;}		
.navbar {display: flex; flex-direction:column; justify-content: center; align-items: center; padding: 0 0 10px 0; font-size: 18px;z-index:1000000;flex-shrink: 0; width:100%;}
.nav-list {list-style: none; display: flex;justify-content: center;align-items: center; z-index:1000000; box-sizing: border-box;flex-shrink: 0;width:100%; margin:0; padding:25px 0 10px 0 }
.nav-list li {margin: 0; }
.nav-list a {color: #65211E; transition: all .3s; padding: 15px 20px 0 20px;}
.nav-list a:hover {color: #FB6D45; transition: all .3s}
.menu-toggle {display: none; flex-direction: column; cursor: pointer;margin:10px 0 0 0 }
.bar {height: 3px; width: 25px; background-color: #000; margin: 4px 0; }
.fixed {position: fixed; top: 0; left: 0; right: 0; z-index: 1000; background-color: #FFF; transition: all .5s; margin:0; padding: 0; background: linear-gradient(90deg, rgba(251, 177, 143, 0.9), rgba(250, 73, 22, 0.9)) }
.fixed  .nav-list { padding: 0; }
.fixed a:link, .fixed a:visited {color: #FFF; }
.fixed a:hover {transition: all .5s; }
.fixed .smenusdiv {color: #FFF }
.fixed .imgmenu {height:80%; width:auto}
.itemactif{color:#AF201F; font-weight:bold; text-align:center;}
.mena {overflow:hidden; text-align:center; margin:0 12px }
.smenus{width:100%; text-align:center;z-index:1000; background-color:rgba(219,160,157,0.2);font-size:18px; padding:0;box-sizing: border-box;margin:0;  }
.smenusdiv{display:inline-block;padding:15px;margin:0;color:#701513;transition:all .5s;font-size:18px;}
.smenusdiv:hover, .smenusdivactif:hover {background-color:rgba(255,249,245,0.4) ;color:#B52924; transition:all .3s;}
.smenusdivactif{display:inline-block;padding:15px 20px;margin:0;color:#AF201F;background-color:#FFF;font-size:18px}
.shiva {width:100%;height:auto;position:absolute;bottom:0;z-index:1000;vertical-align:bottom}
.imggauche {float:left;margin:13px}
.imgdroite {float:right;margin:13px}
.imgsimple { width:100%; text-align:center; padding:60px 15px;background-color:#EBEBEB; box-sizing: border-box;}
.imgsimple img {display:inline-block; margin:10px }
@media only screen and (max-width:1200px){
.mena { margin:0 4px }
}
@media only screen and (max-width:768px){
.smenusdiv, .smenusdivactif{display:block; padding:15px 10px;margin:0;background-color:#EDB596;width:100% !important}
.smenus{min-height:45px}
.smenusdivactif{display:block;background-color:#F2C9B4;width:100% !important}
h1{font-size:40px;padding:15px 0; text-shadow:none}
h2{font-size:35px;text-shadow:none}
.texteseul {margin:0 auto; padding:15px;box-sizing: border-box;text-align:left}
.texteseul .img {width:80%; height:auto; text-align:center; margin:0;}
.yoga_traditionnel {width:100%;}
.haimavati100 { font-size:50px; margin-left:20%}
.haimavati70  { font-size:26px; margin-left:10%}
.prana {background-color:#FBFEF7; width:80%; margin:0; padding:0;}
.yoga34 { text-align:center; padding:300px 0;z-index:100;position:absolute; width:80%}
.herault_yoga {padding:100px 0 0 0;}
.bas{padding:150px 0 0 0;}
.img1 { flex: 0 0 100%; max-width: 100%;}
.narrow { flex: 0 0 100%; max-width: 100%;}
.portrait {  flex: 0 0 100%; max-width: 100%;}
.nav-list { display: none; flex-direction: column; width: 100%; margin:28px 0 50px 0; position: absolute; color: #65211E; top: 5px; padding: 10px 0 0 0; left: 0; background-color:#FFF; align-items: center; }
.nav-list li { padding: 10px 15px; border-bottom:1px solid #C00;}
.nav-list.active { display: flex; }
.menu-toggle { display: flex; }
.imggauche {float:none;margin:0 auto;  }
.imgdroite {float:none;margin:0 auto; }
.close {top: 5px;right: 15px;}
.nav-button {font-size: 20px;top: 90%;}
#prevBtn { left: 2px; }
#nextBtn { right: 2px; }
.imgsimple {padding:35px 5px;box-sizing: border-box;}
.imgsimple img {display:block; margin:10px 0 }
.modal-content {width:90vw; height:auto}
.scrollToTopBtn {width: 40px; height: 40px; }
.yoga {text-align:left;}

}