@import url('https://fonts.googleapis.com/css?family=Montserrat');

BODY { margin:0; padding:0; font-size:18px;font-family: 'Montserrat', sans-serif;font-size:20px;font-stretch:extra-expanded;background-color:#FFF; color:#333 } 
input, textarea, select {border-radius:5px; font-size:18px;font-family: 'Montserrat', sans-serif;color:#000;padding:5px;margin:4px;font-weight:100;width:90%;border: solid 1px #dcdcdc; }
input:focus,  textarea:focus, select:focus { border: solid 1px #000;  box-shadow: 0 0 2px 2px #A4D38E;padding:5px}
.bouton {background-color:#A4D38E;cursor:pointer;width:300px}
.back_top {position: fixed;bottom:30px;margin:10px;right:30px;width:80px;height:80px;display:block;opacity:0.4;transition: .5s;background-image:url(../yoga-bouches-du-rhones/fleche-page2.png);
cursor:pointer;}
.back_top:hover {opacity:0.9;transition: .5s;}
.logomb {position:fixed;top:0;height:80px;background-color:#FFF;width:auto;text-align:center}
.logomb .in {width:100%;max-width:1150px;margin:0 auto; border:1px solid #F00}
.logo {width:auto; text-align:center; padding:25px 0;background-color:#1F1F21; transition:all .5s;}
.logo a:link { font-size:42px; color:#F56049; font-style:italic; transition:all .5s;}
.logo a:visited { font-size:52px; color:#F56049; font-style:italic;transition:all .5s;}
.logo a:hover {color:#666}
.logoimg {width:100%;height:auto;max-width:583px;margin:10px 0;}
.yoga-txt {color:#FFF;font-weight:bold;font-size:52px}
a:link { color:#15B8C0; text-decoration:none; } 
a:visited { color:#15B8C0; text-decoration:none; } 
a:hover { color:#999; text-decoration:none; }
.pied {width:100%;margin-top:65px;background:#1F1F21;color:#DADBDC}
.pied-haut {max-width:1150px;margin:0 auto;padding:55px 40px 40px;display:flex;flex-wrap:wrap;gap:40px;justify-content:space-between}
.pied-col {flex:1;min-width:200px}
.pied-col h3 {color:#F56049;font-size:20px;font-style:italic;font-weight:300;margin:0 0 15px}
.pied-col p {margin:0;line-height:1.8;font-size:16px}
.pied-col a {color:#DADBDC;text-decoration:none;transition:color .3s}
.pied-col a:hover {color:#A4D38E}
.pied-bas {border-top:1px solid #3D3D3B;padding:20px 40px;text-align:center;font-size:13px;color:#888}
.yoga {max-width:1150px; margin:0 auto;padding:40px;}
.txt1 {overflow:hidden;padding:25px;text-align:justify}
.divimage {width:100%;max-width:1150px;overflow:auto;margin:0 auto}
.divimageImg {width:100%;height:auto;max-width:575px;float:left;vertical-align:middle ;}
.divimageTxt {vertical-align:middle;padding:20px 60px 20px 20px;overflow:hidden;min-width:150px;}
.normal {overflow:hidden;}
.yoga_content {width:100%; background-color:#FFF;margin:0; padding:0;background:url(../images-yoga/yoga-shri-yantra.jpg) center no-repeat fixed; background-size:contain; min-height:400px }
.contient {width:80%;overflow:hidden;margin:50px auto 50px auto;text-align:center}
.txtpetit {font-size:14px}
.center {text-align:center}
.gallery {width:100%;overflow:hidden;margin:30px 0 0 0; text-align:center; z-index:100000; }
.gallery ul li {display:inline;}
.gallerySuite {list-style:none;}
.galleryimage {background-color:#FFF;overflow:hidden;margin:20px;display:inline-block;}
.gallerytexte {text-align:center;color:#F56049;font-size:14px;padding:8px}
.galleryphoto {display:block;width:300px;height:300px;background-size:cover;background-position:center}
.actu_yoga {float:left; display:block; width:350px;overflow:hidden; margin:10px; background-color:#76C6E2;vertical-align:top}
.actu_yoga:hover {opacity:0.6}
.actu_yoga_img {width:350px}
.galeriediv1 {text-align:center;background-color:#9B9DA0;padding:0 0 30px 0;}
.galeriediv2 { width:100%;background-color:#9B9DA0;text-align:center;padding:30px 0 30px 0;margin:0;}
.photogaleriebl {margin:5px;background-color:#9CDCF9}
.photogalerie {width:320px;height:225px;transition:all .3s;}
.photogalerie:hover {width:320px;height:225px;transition:all .3s; opacity:0.5}
.galeriechoix {width:300px}
.image {width:100%;height:auto}
h2 {font-size:38px}
h1 {font-size:50px;padding:0;margin:0;color:#1F1F21;text-align:center;font-weight:300;font-style:italic}
.txtsponsor {font-size:38px}
.contact1, .contact2 { display: inline-block; vertical-align: top;}
.contact1 {width:62%; margin:0 15px 0 0}
.contact2 {width:30%;padding:0;margin:0}
#map_canvas {width:100%;height:450px}
.logobas {position:relative;top:-30px;}
.btnpdf {border:#FFF 1px solid; color:#F56049; max-width:450px;width:100%;margin:15px auto;padding:10px; background-color:#DADBDC; transition:all .5s;text-align:center; display:block}
.btnpdf:hover {border:#1C3A36 1px solid; color:#000; background-color:#FFF;transition:all .5s;}
.btns {position:fixed;right:20px;top:20px;z-index:700;overflow:hidden; transition:all .5s; }
.btnlangue {width:38px; height:38px; opacity:0.5; transition:all .4s;border:0;margin:7px; transition:all .4s;display:inline-block}
.btnlangue:hover {opacity:1;transition:all .4s;border:0;background-color:#FFF}
.btnlangueOn {width:35px; height:35px; opacity:1;border:0;background-color:#FFF;display:inline-block}
.btnlangueactif {width:35px; height:35px;transition:all .4s;border:0;padding:5px 5px}
.btnbas {width:100%; max-width:345px; margin:5px; background-color:rgba(255,255,255,0.5);transition:all .5s;}
.btnbas:hover {background-color:rgba(255,255,255,0.8);transition:all .5s;}
.slide1 {height:0px}
.slide2 {height:165px}
.fixNavigation { z-index: 800; position: fixed; top: 0; width: 100%; transition:all .5s; }
.fixNavigation .logo a:link, .logo a:visited { font-size:32px; transition:all .5s;}
.logo { padding:15px; transition:all .5s;}
.fixNavigationbtns { top:35px; transition:all .5s;}
#button {font-size:16px;line-height:24px; font-weight:bold; color:#024152;border:1px #333 solid; border-radius:4px; margin:3px; padding:8px; text-align:center;width:90%;text-decoration:none;
			background:linear-gradient(#13B7C0,#FFFFFF);display:inline-block;transition:all .4s;box-shadow: 0 0 5px rgba( 0, 0, 0, 0.5), 0 -1px 0 rgba( 255, 255, 255, 0.4);
			text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);}
#button:hover {background:linear-gradient(#FFFFFF,#13B7C0);transition:all .4s;text-decoration:none;cursor:pointer; color:#FFF}	
#wrapper {width:100%;margin:0;padding:0}
.rslides {position:relative;list-style:none;width:100%;margin:0;padding:0;overflow:hidden}
.rslides li {position:absolute;top:0;left:0;width:100%;opacity:0;transition:opacity .6s;list-style:none}
.rslides li.actif {position:relative;opacity:1}
.rslides img {display:block;width:100%;height:auto;border:0}
.slider-pager {position:relative;margin-top:-40px;text-align:center;list-style:none;padding:0;z-index:400}
.slider-pager li {display:inline-block;width:14px;height:14px;margin:5px;border-radius:50%;background:rgba(0,0,0,.25);border:1px solid #CCC;cursor:pointer;transition:all .3s}
.slider-pager li.actif {background:rgba(0,0,0,.8)}
.lightbox {display:none;position:fixed;inset:0;z-index:99999;background:rgba(0,0,0,.9);justify-content:center;align-items:center}
.lightbox.ouvert {display:flex}
.lightbox figure {margin:0;max-width:90%;max-height:90%;text-align:center}
.lightbox img {max-width:100%;max-height:85vh;display:block;margin:0 auto;box-shadow:0 0 30px #000}
.lightbox figcaption {color:#FFF;padding:12px;font-size:16px}
.lb-fermer,.lb-prec,.lb-suiv {position:absolute;color:#FFF;cursor:pointer;user-select:none;opacity:.7;transition:opacity .3s}
.lb-fermer:hover,.lb-prec:hover,.lb-suiv:hover {opacity:1}
.lb-fermer {top:20px;right:30px;font-size:44px;line-height:1}
.lb-prec,.lb-suiv {top:50%;transform:translateY(-50%);font-size:50px;padding:20px}
.lb-prec {left:15px}
.lb-suiv {right:15px}
.cookie-bandeau {position:fixed;bottom:0;left:0;right:0;z-index:100000;background:#1F1F21;color:#FFF;padding:18px 25px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;box-shadow:0 -2px 15px rgba(0,0,0,.4)}
.cookie-bandeau p {margin:0;font-size:15px;flex:1;min-width:250px}
.cookie-bandeau a {color:#F56049;text-decoration:underline}
.cookie-btns {display:flex;gap:10px;flex-shrink:0}
.cookie-bandeau button {cursor:pointer;border:0;border-radius:5px;padding:10px 22px;font-size:15px;font-family:inherit;transition:all .3s}
.cookie-accept {background:#A4D38E;color:#1F1F21;font-weight:bold}
.cookie-accept:hover {background:#FFF}
.cookie-refus {background:transparent;color:#FFF;border:1px solid #888}
.cookie-refus:hover {border-color:#FFF}
.nav {position:relative;display:inline-block;z-index:100;font-size:20px;vertical-align:bottom}
.nav-list {text-align:left;list-style:none;margin:0;padding:0}
.nav-item {float:left;display:inline;zoom:1;position:relative;vertical-align:top}
.nav-item a {display:block;color:#F56049;padding:15px 20px;margin:0;transition:all .5s}
.nav-item > a:hover {background:#FFF;transition:all .5s;color:#000}
.itemactif {background:#FFF}
.nav-item:hover .nav-submenu {display:block;transition:all .5s}
.nav-mobile {display:none;cursor:pointer;position:absolute;top:0;right:0;background:#3D3D3B url(../js/menu/img/nav.svg) no-repeat center center;background-size:18px;height:50px;width:50px}
.nav-click {position:absolute;top:0;right:0;display:none;border-left:1px solid #3D3D3B;height:49px;width:50px;cursor:pointer}
.nav-click i {display:block;height:48px;width:48px;background:url(../js/menu/img/drop.svg) no-repeat center center;background-size:20px}
.nav-click:hover {background-color:#9CDCF9}
.nav-rotate {transform:rotate(180deg)}
.smenus {width:100%;text-align:center;background-color:#C6C8CA;z-index:600;display:block}
.smenusdiv {display:inline-block;padding:15px 20px;margin:0;color:#FFF;transition:all .5s;vertical-align:top}
.smenusdiv:hover {background:#FFF;transition:all .5s;color:#000}
.smenusdivactif {display:inline-block;padding:15px 20px;margin:0;color:#F56049;background:#FFF}
#divmenu {width:100%;text-align:center;z-index:500;background-color:#DADBDC;position:sticky;top:0}
.notes-echelle {list-style:none;padding:0;margin:0 0 25px;text-align:center}
.notes-echelle li {display:inline-block;vertical-align:middle}
.notes-echelle input {position:absolute;left:-9999px}
.notes-echelle label {cursor:pointer;padding:0 2px;color:#15B8C0}
.notes-echelle label::before {content:'\2605';font-size:38px;transition:color .2s}
.note-titre {font-size:20px;margin-right:12px;color:#333}

table { width: 100%; max-width: 100%; border-collapse: collapse; margin: 25px 0; background-color: rgba(255, 255, 255, 0.85); border-radius: 8px; overflow: hidden; border:1px solid #666; box-shadow: 0 2px 12px rgba(0, 0, 0, 0.1); font-size: 18px; }
thead { background-color: #621E00; color: #FFF; }
thead th { padding: 8px; text-align: left; font-size: 22px; font-weight: 100; font-style: italic; letter-spacing: 1px; border-bottom: 3px solid #985625; }
tbody td { padding: 6px; border-bottom: 1px solid #E8D5C0; color: #4A1F00; vertical-align: top; }
tbody tr:nth-child(even) { background-color: rgba(221, 174, 142, 0.15); }
tbody tr { transition: background-color .25s ease; }
tbody td:hover { background-color: rgba(221, 174, 142, 0.4); }
tbody tr:last-child td { border-bottom: 0; }
tbody td:first-child { color: #621E00; }
table a { color: #621E00; font-weight: bold; }
table a:hover { color: #985625; text-decoration: underline; }
caption { caption-side: top; padding: 12px; font-family: 'Shadows Into Light', cursive; font-size: 28px; color: #621E00; text-shadow: 0 0 3px #777; font-style: italic; }
.tooltip {position:relative;}
.tooltip:hover::after {content:attr(data-info);position:absolute;bottom:100%;left:0;background:#333;color:#fff;padding:6px 10px;border-radius:4px;white-space:nowrap;font-size:13px;z-index:10;}
.plan-liste {list-style:none;max-width:500px;text-align:left;margin:0 auto 20px;padding:0}
.plan-liste li {padding:6px 0}
.plan-liens {width:80%;max-width:950px;font-size:14px;text-align:left;margin:30px auto 0}
	
@media screen and (max-width: 1000px) {
	.contact1 {width:100%;margin:0 15px 0 0}
	.contact2 {width:100%;margin:0 auto} 
	.txtsurphoto {padding:20px 20px 60px 20px;}
	.slide2 {height:0px}
}
	
@media only screen and (max-width: 850px) { 
	.divimageImg {max-width:100%}
	.divimageTxt {padding:20px;text-align:justify}
	.music {padding:20px;}
	.txt1 {padding:5px}
}
	
@media only screen and (max-width: 768px) { 
	.nav-mobile {display:block}
	.nav {width:100%;padding:50px 0 0 0;background-color:#DADBDC}
	.nav-list {display:none}
	.nav-list.ouvert {display:block}
	.nav-item {width:100%;float:none}
	.nav-item > a {padding:15px 10px}
	.nav-click {display:block}
	.nav-mobile-open {border-radius:5px 5px 0 0}
	.nav-item:hover .nav-submenu {display:none;background-color:#999}
	.nav-submenu {position:static;width:85%}
	.nav-submenu.ouvert {display:block}
	.smenusdiv,.smenusdivactif {padding:15px 10px;margin:0}
	.smenus {min-height:45px}
	.surphoto {position:relative;background-color: rgba(99, 96, 94, 0)}
	.txtsurphoto {color:#FFF;text-shadow: 0 0 0 #000;padding:40px 20px 20px 20px;}
	h2 {color:#231F20;}
	.contact1 {width:95%;margin:0 15px 0 0}
	.contact2 {width:95%;margin:0 auto;padding:0} 
	.btns {position:relative;width:100%;text-align:center;vertical-align:top;margin:0 0 70px 0;}
	.btnlangue { opacity:0.5; transition:all .4s;border:0;padding:5px;display:inline-block}
	.btnlangueactif { opacity:1; transition:all .4s;border:0;padding:5px;display:inline-block}
	.btns {top:30px}
	.back_top {bottom:10px;right:10px;width:40px;height:40px;background-size:cover}
	.music {padding:10px;}
	.contact1 {text-align:center}
	.disc {height:150px;width:150px;margin:15px;line-height:150px; background-size:cover;transition:all .5s }
	.disc:hover {height:160px;width:160px;line-height:160px;margin:10px;}
	.disc span{width:100px; font-size:22px;text-shadow: 0px 0px 4px #333;}
	.txtsponsor{font-size:26px}
	#map_canvas {height:350px}
	.logo a:link { font-size:32px; }
	.actu_yoga {float:inherit; display:block; width:100%;overflow:hidden; margin:5px; background-color:#76C6E2;vertical-align:top }
	.actu_yoga_img {width:100%}	
	.slider-pager {display:none}
    table { display: block; overflow-x: auto; -webkit-overflow-scrolling: touch; width: 100%; }
    table thead { display: table-header-group; }
    table tbody { display: table-row-group; }
    table tr { display: table-row; }
    table th, table td { white-space: normal; padding: 5px; }		
}

@media screen and (min-width:1300px) {.nav {margin:0}}
@media screen and (max-width:1000px) {#divmenu {position:relative} .nav {margin:0}}
@media screen and (max-width:600px) {.cookie-bandeau {flex-direction:column;text-align:center} .cookie-btns {width:100%;justify-content:center}}
@media screen and (max-width:768px) {.pied-haut {flex-direction:column;gap:30px;text-align:center;padding:40px 25px 30px}}