@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,300;0,500;1,300&display=swap');
html, BODY { margin:0; padding:0; background-color:#FFF; font-family: 'Poppins', sans-serif; font-weight:300; color:#000; font-size:20px;width:100%;height:100%; }
img {max-width: 100%; height: auto;}
a:link { color:#DA1231; text-decoration:none; }
a:visited { color:#DA1231; text-decoration:none; }
a:hover { color:#9D0E0A; text-decoration:none; }
input, textarea, select {border-radius:5px; font-size:20px;color:#032B66;padding:5px;margin:4px;width:300px;border: solid 1px #dcdcdc; }
input:focus, textarea:focus, select:focus { border: solid 1px #000; box-shadow: 0 0 2px 2px #A4D38E;}
.txtpetit { font-size:16px}
.yoga-yogini {font-family: 'Poppins', sans-serif; font-size:80px;color:#D3364D; text-shadow: 2px 2px 0px white; margin: 20px 0 0 40px; transition:all .6s; position:absolute;z-index:1000000;font-weight:100;}
.yoga-yogini:hover {font-size:75px; transition:all .6s}
#button {height:40px;cursor:pointer;background-color:#A8F2AA;border-radius:10px;transition:all .50s;}
#button:hover {background-color:#6FEA72;transition:all .50s;}
#button2 {font-size:22px;line-height:28px; color:#333; margin:8px; padding:20px 8px; text-align:center;width:350px;text-decoration:none;
background:linear-gradient(#EEEEEE,#60F06A);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);}
#button2:hover {background:linear-gradient(#60F06A,#EEEEEE);transition:all .4s;text-decoration:none;color:#000; cursor:pointer;}
.divlogotop {font-family: Verdana, Geneva, sans-serif;width:auto; background-color:#3F3A3A;text-align:right;padding:0 40px 0 0;border-bottom:1px solid #FFF; color:#FFF;font-size:20px;line-height:50px;box-shadow: 8px 3px 20px #999;}
.divlogotop a:link { color:#FFF; text-decoration:none; font-family: Verdana, Geneva, sans-serif; }
.divlogotop a:visited { color:#FFF; text-decoration:none; }
.divlogotop a:hover { color:#FFF; text-decoration:none; }
.logo {position:absolute;top:15px;margin:16px 0 15px 40px; z-index:40000;border:0}
.logoimg {width:100%;height:auto;max-width:583px;margin:10px 0;}
.lucieyoga {display:none; width:100%;text-align:center}
.divlogolucie {display:none; width:100%; background-color:#3F3A3A;padding:0 40px 0 0;border-bottom:1px solid #FFF; color:#FFF;font-size:28px;text-align:right !important;}
.divlogolucie .txtlucie {float:left;vertical-align:middle; padding-left:40px; margin-top:5px}
.lucieyogamarseille {text-align:justify;position:relative}
.fixlucieyogamarseille {padding-top:150px}
.btns {position:fixed;right:40px;top:5px;z-index:700;overflow:hidden; transition:all .5s; }
.btnlangue {transition:all .4s;border:0;margin:7px 10px; transition:all .4s;display:inline-block;vertical-align:middle}
.btnlanguetxt {font-size:46px;color:#032B66; text-shadow: 1px 0 0 #FFF, 1px 1px 0 #FFF, 0 1px 0 #FFF, -1px 1px 0 #FFF, -1px 0 0 #FFF, -1px -1px 0 #FFF, 0 -1px 0 #FFF, 1px -1px 0 #FFF; }
.btnlangue:hover {opacity:0.7;transition:all .4s;border:0;}
.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 {margin:45px 0; padding:15px; background-color:rgba(196, 155, 72, 0.5);transition:all .5s;}
.btnbas:hover {background-color:rgba(196, 155, 72, 0.8);transition:all .5s;}
#triangle { width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 24px solid rgba(196, 155, 72, 0.8); float:right; transition:all .5s;}
.btnbas:hover #triangle {width: 0; height: 0; border-top: 12px solid transparent; border-bottom: 12px solid transparent; border-left: 24px solid #FFF; float:right; transition:all .5s;}
.divindex {height:400px; width:350px; margin:15px; border:#CCC 1px solid; border-radius: 10px 10px 0 10px; display:inline-block;
background-color:#FFF; cursor:pointer; vertical-align:top; transition:all .5s;}
.divindex:hover { box-shadow: 8px 8px 12px #062A69;transition:all .5s;}
.divindex .date { font-size:24px;color:#000;}
.divindex .txt { overflow:hidden;height:178px;font-size:20px;color:#000; padding:15px; margin:0; text-align:justify; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.2));border-radius: 10px 10px 0 10px;transition:all .5s;}
.divindex .txtfull {background-color:#F4F4F4; overflow:hidden;height:370px;font-size:16px;padding:15px; margin:0; text-align:justify;border-radius: 10px 10px 0 10px; }
.divindex h1 {font-family: 'Poppins', sans-serif;font-weight:500;font-size:30px;text-align:center;padding:0;color:#000}
.divindex h2 {font-family: 'Poppins', sans-serif;font-weight:500;font-size:30px;text-align:center;padding:0;color:#000}
.divindex:hover .txt { animation: show-hide .5s linear forwards; background-color: rgba(196, 155, 72, 0.8);transition:all .5s;height:370px;margin:0;vertical-align:top }
.lucienews {width:auto;text-align:center;margin:10px auto }
.lucienews-in {width:100%; max-width:1300px; text-align:center;margin:0 auto;}
.lucieactu {width:auto;text-align:center;margin:140px auto }
.lucieactu-in {width:100%; text-align:center;margin:0 auto;}
.lucieactu1 {height:300px; width:250px; margin:35px; border:#CCC 1px solid; border-radius: 10px 10px 0 10px; display:inline-block;
background-color:#FFF; cursor:pointer; vertical-align:top; transition:all .5s;}
.lucieactu1:hover { box-shadow: 8px 8px 12px #062A69;transition:all .5s;}
.lucieactu1 .date { font-size:20px;color:#000;}
.lucieactu1 .txt { overflow:hidden;height:178px;font-size:16px;color:#000; padding:10px; margin:0; text-align:justify; background:linear-gradient(rgba(255,255,255,.8), rgba(255,255,255,.0));border-radius: 10px 10px 0 10px;transition:all .5s;}
.lucieactu1 .txtfull {background-color:#F4F4F4; overflow:hidden;height:370px;font-size:14px;padding:15px; margin:0; text-align:justify;border-radius: 10px 10px 0 10px; }
.lucieactu1 h1 {font-family: 'Poppins', sans-serif;font-weight:500;font-size:24px;text-align:center;padding:0;color:#000}
.lucieactu1 h2 {font-family: 'Poppins', sans-serif;font-weight:500;font-size:24px;text-align:center;padding:0;color:#000}
.lucieactu1:hover .txt { animation: show-hide .5s linear forwards; background-color: rgba(196, 155, 72, 0.8);transition:all .5s;height:280px;margin:0;vertical-align:top }
.pagination {text-align:center;overflow:hidden;padding:30px;margin-top:70px}
.page2 { border: 1px solid #3B3F40; background-color:#EBEBEB; font-size:12px; line-height:16px; color:#333; padding:10px 10px;display:inline-block;margin:3px }
.page2:hover { background-color:#ADC9E7; font-size:12px; color:#FFF; }
.page1 { border: 1px solid #3B3F40; background-color:#EBEBEB; font-size:12px; line-height:16px; color:#999; padding:10px 10px;display:inline-block;margin:3px }
.pageactive {border: 1px solid #3B3F40; background-color:#ADC9E7; line-height:16px; padding:10px 10px;display:inline-block;margin:3px;color:#900;font-weight:bold; font-size:14px}
.fixNavigation { z-index: 10000; position: fixed; top: 0; width: 100%;}
.fixdivlogolucie {display:block;width:auto; background-color:#3F3A3A;text-align:center;padding:0 40px 0 0;border-bottom:1px solid #FFF; color:#FFF;font-size:28px;line-height:50px;box-shadow: 8px 3px 20px #999 }
.slide1 {height:0px}
.slide2 {height:180px; }
.back_top {position: fixed;bottom:30px;margin:10px;right:30px;width:80px;height:80px;display:block;opacity:0.4;transition: .5s;background-image:url(../marseille-yoga-images/fleche-page.png);
cursor:pointer;}
.back_top:hover {opacity:0.9;transition: .5s;}
.image {vertical-align:top;float:left;margin:0 50px 50px 0}
h1 { font-family: 'Poppins', sans-serif;font-weight:500; font-size:44px;text-shadow: 1px 2px 0px white;font-weight:100;color:#15525A;padding:20px 0 40px 20px}
h2 { font-family: 'Poppins', sans-serif;font-weight:500; font-size:30px;color:#15525A;text-shadow: 1px 2px 0px white;font-weight:100;margin:0;padding:0}
.btnpdf {display:block;background-color:#9FC8F4;width:70%;line-height:40px;font-size:30px;text-align:center;padding:5px; margin:0 auto;border-radius: 10px 0 10px 10px;}
.btnpdf:hover {background-color:#4996EB;color:#FFFFFF !important}
.contact1, .contact2 { display: inline-block; vertical-align: top;}
.contact1 {width:52%; margin:0 15px 0 0}
.contact2 {width:40%;padding:0;margin:0}
.yogini_bas {width:100%;height:80px}
.contient {width:80%;overflow:hidden;margin:50px auto 50px auto;text-align:center}
.centre {width:70%; max-width:1200px; margin:140px auto 140px auto; overflow:hidden; box-shadow: 1px 1px 28px #CCC; border:#CCC 1px solid; min-height:630px; padding:50px; border-radius:15px;background-color: rgba(250, 250, 250, 0.7);}
.yoga-1 {height:1px;background-color:#CCC;}
.yoga-2 {margin:0; width:100%; overflow:hidden; height:60px;background-color:#15525A}
/* galerie */
.yoga_yoga { border-radius: 10px 0 10px 10px;width:85%;overflow:hidden;border:1px #CCC solid;text-align:center;margin:30px auto 0 auto;transition:all .50s}
.yoga_yoga:hover { box-shadow: 0 0 1em #666; transition:all .50s}
.popup-gallery {width:100%;overflow:hidden;margin:30px 0 0 0; text-align:center;}
.yoga_top {margin:0 auto 0 auto;max-width:900px;text-align:right;font-size:18px;line-height:50px;}
.yoga_menu:link { font-family: 'Poppins', sans-serif; font-size:24px;color:#000;text-shadow: 0px 0px 3px #777;text-decoration : none;}
.yoga_menu:visited { font-family: 'Poppins', sans-serif; font-size:24px;color:#000;text-shadow: 0px 0px 3px #777;text-decoration : none;}
.yoga_menu:hover { font-family: 'Poppins', sans-serif; font-size:24px;color:#F90;text-shadow: 0px 0px 0px #777;text-decoration:underline;}
.bas {width:100%;overflow:hidden;text-align:center;background-color:#15525A;height:300px;padding:80px 0 0 0}
.bas2 {display:inline-block;margin:15px auto;max-width:920px;width:100%;text-align:center}
.yoga-marseille { font-family: 'Poppins', sans-serif; font-size:24px;height:4px;width:100%;margin:0;padding:0;color:#FFF; transition:all .50s}
.yoga-marseille:link { font-family: 'Poppins', sans-serif; font-size:24px;color:#FFF;text-decoration : none; transition:all .50s}
.yoga-marseille:visited { font-family: 'Poppins', sans-serif; font-size:24px;color:#FFF;text-decoration : none; transition:all .50s}
.yoga-marseille:hover { font-family: 'Poppins', sans-serif; font-size:24px;color:#000;text-decoration:none;cursor:pointer; transition:all .50s}
.img_index {margin:15px}
.cadre { border:solid 1px #FFF;width:980px; }
.photo {border:#081A1E 1px solid;}
.txtpt { font-size : 12px; color:#000; }
.txttitre { font-family: 'Poppins', sans-serif; color:#000;font-size:30px;margin:0;padding:0 }
.titre { font-family: 'Poppins', sans-serif; font-size:36px;margin:0;padding:0 }
.txt {font-family: 'Poppins', sans-serif; font-size:24px;margin:0;padding:0 }
#overflo { overflow : auto; width : 630px; height : 120px; }
.en_btn {display:inline-block; background-image:url(../marseille-yoga-images/uk-s.png);width:30px;height:29px;display:inline-block; cursor:pointer; margin:0 15px 0 0;
text-decoration:none;transition:all .50s;opacity: 0.5}
.en_btn:hover {background-image:url(../marseille-yoga-images/uk.png);width:30px;height:29px;display:inline-block; cursor:pointer; margin:0 15px 0 0;
text-decoration:none;transition:all .50s;opacity: 1}
.fr_btn {display:inline-block;background-image:url(../marseille-yoga-images/fr-s.png);width:30px;height:29px;display:inline-block; cursor:pointer; margin:0 15px 0 0;
text-decoration:none;transition:all .50s;opacity: 0.5 }
.fr_btn:hover {background-image:url(../marseille-yoga-images/fr.png);width:30px;height:29px;display:inline-block; cursor:pointer; margin:0 15px 0 0;
text-decoration:none;transition:all .50s;opacity: 1}
@media only screen and (max-width: 1100px)
{
.yoga-yogini {font-size:60px; text-align:center;line-height:65px;padding:15px 0 0 0;margin:0 }
.yoga-yogini:hover {font-size:55px;}
.logo {width:200px; height:auto;transition:all .4s;}
.contact1 {width:100%;margin:0 15px 0 0}
.contact2 {width:100%;margin:0 auto}
}
@media only screen and (max-width: 850px)
{
.btns {position:relative;width:100%;text-align:center;vertical-align:top;margin:0;}
.yoga-yogini {font-size:50px; text-align:center;line-height:65px;padding:15px 0 0 0;margin:0 }
.yoga-yogini:hover {font-size:45px;}
.divlogotop {width:100%; text-align:center;padding:0;line-height:30px;}
.logo {display:none}
.contact1 {width:95%;margin:0 15px 0 0;text-align:center}
.contact2 {width:95%;margin:0 auto;padding:0}
.lucieyoga {display:block}
.divindex {height:400px; width:300px; margin:10px; }
.divindex .date { font-size:22px;}
.divindex h1 {font-size:28px;}
.divindex h2 {font-size:28px;}
}
@media screen and (max-width: 600px)
{
.yoga-2 {min-height:80px;}
.yoga_top {display:none}
.centre {width:auto; max-width:90%; margin:30px auto; overflow:hidden; box-shadow: 0 0 0 #CCC; padding:5px !important; border:#666 1px solid}
.bas {overflow:hidden;min-height:50px}
.contient {width:100%;}
h1 {font-size:40px}
h2 {font-size:30px}
.btns {position:relative;width:100%;text-align:center;vertical-align:top;margin: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}
.fixNavigation { position:relative; }
.back_top {bottom:10px;right:10px;width:40px;height:40px;background-size:cover}
#button2 {width:100%}
}
/*! https://responsiveslides.com v1.54 by @viljamis */
#wrapper {width:100%;;padding:0;margin:0;}
.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;z-index:100;}
.rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;}
.rslides li:first-child {position:relative;display:block;float:left;}
.rslides img {display:block;height:auto;float:left;width:100%;border:0;}
.rslides_container {margin:0 auto 0 auto;position:relative;width:100%;}
.centered-btns_tabs{ position:relative;margin-top:-55px; text-align:center;z-index:1000 }
.centered-btns_tabs li { display:inline; float:none; _float:left; *float:left; margin-right:5px; }
.centered-btns_tabs a {text-indent:-9999px;overflow:hidden;-webkit-border-radius:20px;-moz-border-radius:20px;border-radius:20px;background:#ccc;background:rgba(0,0,0, .2);display:inline-block;_display:block;*display:block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);
width:15px;height:15px;border:#CCC 1px solid;margin:5px}
.centered-btns_here a {background:#222;background:rgba(0,0,0, .8);}
.slider1 {background-color: rgba(99, 96, 94, 0.8)}
@media screen and (max-width: 1000px)
{
.rslides {margin:0 0 0 0}
}
@media screen and (max-width: 768px)
{
.centered-btns_tabs {display:none}
}
.nav { position:relative; display:inline-block; z-index:100; font-family: 'Poppins', sans-serif; font-size:24px;vertical-align:bottom;}
.nav-list { text-align:left;list-style:none;margin:0; padding:0}
.nav-item { float:left; display:inline; position:relative; vertical-align:top}
.nav-item a { display:block; color:#FFFFFF; padding:15px 20px;margin:0;transition:all .5s }
.nav-item a:hover { background-color:#FFF;transition:all .5s; color:#15525A }
.nav-item2 { float:left; display:inline; position:relative; vertical-align:top}
.nav-item2 a { display:block; color:#FFFFFF; padding:6px;margin:0;transition:all .5s }
.nav-item:hover .nav-submenu { display:block;transition:all .5s }
.btnvoyanteactif {background-color:#FFFFFF !important;}
.btn_voyance_txtactif {color:#15525A !important; background-color:#FFFFFF !important;}
/* Mobile navigation */
.nav-mobile { display:none; /* Hide from browsers that don't support media queries */
cursor:pointer; position:absolute; top:0; right:0; background:#3D3D3B url(../yoga-images-marseille/bouton.gif) no-repeat center center; height:50px; width:50px;transition:all .5s; }
/* Mobile navigation, clickable area for revealing
.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(img/drop.svg) no-repeat center center; background-size:20px; }
.nav-click:hover { background-color:#9CDCF9; }
.nav-rotate { -webkit-transform:rotate(180deg); -moz-transform:rotate(180deg); -ms-transform:rotate(180deg); -o-transform:rotate(180deg); transform:rotate(180deg); }
/* menu transparant sous le sous-menu */
/* Navigation submenu */
.nav-submenu { display:none; position:absolute; left:0; width:400px;z-index:10000000}
.nav-submenu-item a { background:#8B2770; border-bottom:1px solid #9A337E; display:block; padding:15px;}
.nav-submenu-item a:hover { background:#FFF; }
.smenusdiv {display:inline-block; padding:15px 20px; margin:0; color:#FFF; transition:all .5s; vertical-align:top; font-family: 'Poppins', sans-serif; font-size:20px;vertical-align:top}
.smenusdiv:hover {background-color:#FFF;transition:all .5s;color:#000; text-decoration:none}
.smenusdivactif {display:inline-block;padding:15px 20px;margin:0;color:#15525A;background-color:#FFF;font-family: 'Poppins', sans-serif; font-size:20px;vertical-align:top}
/* Sous menu */
.lucieyogini {width:auto;display:block;text-align:center;margin:0;padding:0; font-size:20px;background-color:#3F3A3A;}
.lucieyogini a:hover {text-decoration:underline}
.logopt {display:none; float:left; position:relative; vertical-align:top; transition:all .8s;padding:8px 20px}
.logopthide {display:inline-block;transition:all .8s; font-family: 'Poppins', sans-serif; font-size:24px;color:#DA1231; text-shadow: 1px 2px 0px white; text-decoration:none; transition:all .5s; font-weight:100}
#divmenu {width:100%;text-align:center;z-index:10000;background-color:#15525A;}
@media screen and (min-width: 1300px)
{
.nav {margin:0}
}
@media screen and (max-width: 1000px)
{
#divmenu {position:relative}
.nav {margin:0}
}
@media only screen and (max-width: 768px)
{
.nav-mobile { display:block; }
.nav { width:100%; padding:50px 0 0 0; background-color:#15525A }
.nav-list { display:none;}
.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; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0; }
.nav-item:hover .nav-submenu { display:none;background-color:#999; }
.smenusdiv, .smenusdivactif {padding:10px 0;margin:0;width:100%}
}
