/*STYLE PAGES*/
@charset "UTF-8";

@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

:root {
	--vert: #63bc48;
	--vertfonce: #008846;
	--orange: #f76e26;
	--orangevif: #fd3a04;
	--blanc: #fffcf3;
	--noir: #211c18;
	--beige : #99826f;
	--beigeclair: #c3bcb7;
}

.vert {color: #63bc48;}
.vertfonce {color: #008846}
.orange {color: #f76e26}
.orangevif {color: #fd3a04}
.blanc {color:  #fffcf3}
.noir {color: #211c18;} 
/**/

*, ::before, ::after {
    box-sizing: border-box;
}

body {
	font-size:75%;
	background-color:#fffcf3;
	color: #211c18;
	padding-top: 0 !important;
	caret-color: transparent;
	}




h3, h4, h5, p, li, ul, a {text-shadow:1px 1px 1px #fffcf3;}

h1, h2 {
	font-family:'lily'; 
	color: #63bc48;
 	background-image: -webkit-linear-gradient(180deg,rgba(0, 136, 70, 1)  50%, rgba(99, 188, 72, 1)100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
}

/* Permet la jonction h2 -> title-line-2 */
h2 {
  	display: initial;
}

.title-line-1, .style-h2-title-line-1 {
	font-family:'lily'; 
	background-image: -webkit-linear-gradient(180deg,rgba(0, 136, 70, 1)  50%, rgba(99, 188, 72, 1)100%);
  	-webkit-background-clip: text;
  	-webkit-text-fill-color: transparent;
	font-size: 1em; filter: drop-shadow(2px 2px 0px white);
	margin: 0;
}
@media (min-width: 1em) {
	.title-line-1, .style-h2-title-line-1 {
		padding: 0;
	}
}
@media (min-width: 690px) {
	.title-line-1, .style-h2-title-line-1 {
		padding: 0 10px 0 0;
	}
}

.title-line-2 {
	font-family:'mul'; 
	text-transform:none; 
	display: block;
	color:#211c18;	
	background-image: -webkit-linear-gradient(transparent, transparent);
	-webkit-background-clip: text;
	-webkit-text-fill-color: #211c18;
	position: relative;
	text-shadow:1px 1px 1px #fffcf3;
}	

.fake-h1 h1 {
	font-size: 1em;
	margin: -0.4em 0 0 0;
}


@media (min-width: 1em) {
	h1, .fake-h1 {font-size: 2.8em;margin-bottom: 22px; margin-top:20px;}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -3px 0 0 20px; letter-spacing: -1.3px; font-weight: bold;}
	.fake-h1 h1 {margin: -0.2em 0 0 0;}
}
@media (min-width: 360px) {
	h1, .fake-h1 {font-size:3.6em;}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -5px 0 0 30px; letter-spacing: -1.3px; font-weight: bold;}
	.fake-h1 h1 {margin: -0.3em 0 0 0;}		
}
@media (min-width: 480px) {
	h1, .fake-h1 {font-size:3.6em;}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -6px 0 0 32px; letter-spacing: -1.3px; font-weight: bold;}
	.fake-h1 h1 {margin: -0.3em 0 0 0;}
}
@media (min-width: 576px) {
	h1, .fake-h1 {font-size:4.2em}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -9px 0 0 36px; letter-spacing: -1.3px;  font-weight: normal;}
	.fake-h1 h1 {margin: -0.35em 0 0 0;}
}
@media (min-width: 768px) {
	h1, .fake-h1 {font-size: 4.6em; }
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -10px 0 0 36px; letter-spacing: -2.2px;}	
	.fake-h1 h1 {margin: -0.35em 0 0 0;}
}
@media (min-width: 992px) {
	h1, .fake-h1 {font-size:5em;}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -12px 0 0 36px; letter-spacing: -2.2px;}	
	.fake-h1 h1 {margin: -0.35em 0 0 0;}
}
@media (min-width: 1200px) {
	h1, .fake-h1 {font-size:5.7em;}
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -18px 0 0 36px; letter-spacing: -2.6px;}	
	.fake-h1 h1 {margin: -0.4em 0 0 0;}
}

/* spécifique à la mainpage - ne peut être utilisé pour les autres pages */
@media (min-width: 1400px) {
	h1, .fake-h1 {font-size: 6.7em; }
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2 {	font-size: .75em; margin: -18px 0 0 36px; letter-spacing: -2.6px;}
}



@media (min-width: 1em) {
	h2, .style-h2-title-line-1 {font-size: 2.8em;margin-bottom: 22px; margin-top:20px; display: block;}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {	font-size: .75em; margin: -3px 0 0 20px; letter-spacing: -1.3px; font-weight: bold;}
	.span-title-line-2 {
		font-size: 2.8em; 
		display: inline; 
		margin-top: calc(-18px - -18px) !important; 
		margin-left: 0; 
		letter-spacing: -.25px; 
		font-family: 'lily' !important;
		-webkit-text-fill-color: #008846;
	}
	/*niouz*/
	h2 .title-line-1, .style-h2-title-line-1 {/*padding: 0;*/}
  	h2 .title-line-2 {
  		display: inline; 
  		font-family: 'lily'; 
  		letter-spacing: -.25px; 
  		font-size: 1em; 
  		margin: 0;
  		-webkit-text-fill-color: #008846; 
  		color: #008846; 
  		font-weight: normal;
	}
	.ponctuation {display: inline;}
	.lowercase-on-off {text-transform: lowercase;}		
}

@media (min-width: 360px) {
	h2, .style-h2-title-line-1 {font-size:3.6em;}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {	font-size: .75em; margin: -5px 0 0 30px; letter-spacing: -1.3px; font-weight: bold;}
	.span-title-line-2 {font-size: 3.6em; margin-top: calc(-18px - -17px) !important;  letter-spacing: -.25px; margin-left: 0}
}

@media (min-width: 480px) {
	h2, .style-h2-title-line-1 {font-size:3.6em;}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {	font-size: .75em; margin: -6px 0 0 32px; letter-spacing: -1.3px; font-weight: bold;}
	.span-title-line-2 {font-size: 3.6em; margin-top: calc(-18px - -16px) !important; margin-left: 0;}	
}

@media (min-width: 576px) {
	h2, .style-h2-title-line-1 {font-size:4.2em}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {font-size: .75em; letter-spacing: -2.2px;  font-weight: normal;}
	.span-title-line-2 {font-size: 4.2em; margin-top: calc(-18px - -12px) !important;}
}
	/*niouz*/
@media (min-width: 690px) {
	h2, .style-h2-title-line-1 {font-size: 4.6em; }
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	h2 .title-line-2, .span-title-line-2 {font-size: .75em; margin: -10px 0 0 36px; letter-spacing: -2.2px;}
	.span-title-line-2 {
		font-size: 3.45em; 
		display: block; 
		margin-top: calc(-18px - -13px) !important;  
		font-family: 'mul' !important;
		-webkit-text-fill-color: #211c18;
	}
	h2 .title-line-1, , .style-h2-title-line-1 {padding: 0 20px 0 0;}
  	h2 .title-line-2 {display: block; font-family: 'mul';-webkit-text-fill-color: #211c18; color: #211c18;}
	.ponctuation {display: none;}
	.lowercase-on-off {
		text-transform: inherit;
	}
}

@media (min-width: 768px) {}

@media (min-width: 992px) {
	h2, .style-h2-title-line-1 {font-size:5em;}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {	font-size: .75em; margin: -12px 0 0 36px; letter-spacing: -2.2px;}
	.span-title-line-2 {font-size: 3.7em; display: block; margin-top: calc(-18px - -11px) !important;}	
}

@media (min-width: 1200px) {
	h2, .style-h2-title-line-1 {font-size:5.7em;}
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {font-size: .75em; margin: -18px 0 0 36px; letter-spacing: -2.6px;}
	.span-title-line-2 {font-size: 4.25em; display: block; margin-top: calc(-18px - -7px) !important;}
}

/* spécifique à la mainpage - ne peut être utilisé pour les autres pages */
@media (min-width: 1400px) {
	h2, .style-h2-title-line-1 {font-size: 5.9em; }
	.title-line-1, .style-h2-title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .span-title-line-2 {font-size: .75em; margin: -18px 0 0 36px; letter-spacing: -2.6px;}
	.span-title-line-2 {font-size: 4em; display: block; margin-top: calc(-18px - -7px) !important;}	
}

.span-title-line-2 {
	color: #63bc48;
	background-image: -webkit-linear-gradient(180deg,rgba(0, 136, 70, 1) 50%, rgba(99, 188, 72, 1)100%);
	-webkit-background-clip: text;
	font-family: 'mul';
	text-shadow: 1px 1px 1px #fffcf3;
	position: relative;
	line-height: 1;
	font-weight: normal;
}

/* Concerne uniquement le paragraphe des témoignages des pages : 
	- yoga avec olivia
	- cours yoga [villes]
Le but est de styliser façon "titres sur deux lignes" d'après la version h2 avec
un p en 1ere ligne et un h3 en 2nde ligne.
*/
.style-h2-title-line-1, h3.span-title-line-2 {
	zoom: .85;
}
/**/

.style-h2-title-line-1 {
	text-shadow: none;
	width: fit-content;
}

@media (min-width: 1em) {
	.style-h2-title-line-1 {display: inline;}
}
@media (min-width: 823px) {
	.style-h2-title-line-1 {display: inherit;}
}

/**/
.unbottomed {margin-bottom: 0;}


h3, .style-h3 {
	font-family:'mulbold'; 
	margin:0; 
	padding:0; 
	}

@media (min-width: 1em) {
	h3, .style-h3 {font-size:2.1em; margin-top:40px;  margin-bottom: 20px;letter-spacing:-1.4px;}
}
@media (min-width: 360px) {
	h3, .style-h3 {font-size:2.4em; letter-spacing:-1.3px;}
}
@media (min-width: 480px) {
	h3, .style-h3 {font-size:2.6em;letter-spacing:-1.5px;}
}
@media (min-width: 576px) {
	h3, .style-h3 {font-size:2.7em;}
}
@media (min-width: 768px) {
	h3, .style-h3 {font-size:2.8em; letter-spacing: -0.16vw;}
}
@media (min-width: 992px) {
	h3, .style-h3 {font-size:3.1em;}
}
@media (min-width: 1200px) {
	h3, .style-h3 {font-size:3.4em;}
}
@media (min-width: 1400px) {
	h3, .style-h3 {font-size:3.6em;}
}

p, td, .cktext li {
	font-family:'mul'; 
	margin:0;
	letter-spacing:0;
	line-height: 1.4em;
	}
	
@media (min-width: 1em) {
	p, td, .cktext li {font-size:1.8em; margin-bottom:40px;}
	.cktext li {margin-bottom:0;}
}
@media (min-width: 360px) {
	p, td, .cktext li {font-size:2em;line-height: 1.4em;}
}
@media (min-width: 480px) {
	p, td, .cktext li {margin-bottom:11px; letter-spacing: -.55px;}
	.cktext li {margin-bottom:0;}
}
@media (min-width: 576px) {
	p, td, .cktext li {font-size:1.8em;margin-bottom: 31px;letter-spacing: -.3px;}
	.cktext li {margin-bottom: 3px;}
}
@media (min-width: 768px) {
	p, td, .cktext li {font-size: 1.9em;margin-bottom: 31px;letter-spacing: -.3px;}
	.cktext li {margin-bottom: 8px;}
}
@media (min-width: 992px) {
	p, td, .cktext li {font-size: 2em;letter-spacing: inherit;}
}
@media (min-width: 1200px) {
	p, td, .cktext li {font-size: 2em;}
}
@media (min-width: 1400px) {
	p, td, .cktext li {font-size: 2.167em;}
}


ol, ul, dl {
  margin-top: 0;
  margin-bottom: 2rem;
}


.cktext li {
	font-family: 'mul';
	color:#514d4a;
	list-style:none;
	}
.cktext li::before {
    content: "•";
    color: #fd3a04;
    margin-right: 11px;
	}

strong {
	font-family:'mul';
	font-weight:bold;
	}

.clear{
	clear: both;
	float: none;
	}
	
small {
	font-size:75%;
	}

pre {
	overflow: hidden;
}
	
a {
	color:#fd3a04;
	text-decoration:underline;
	text-decoration-color: #fd3a04;
}
	
a:hover {
	color:#fd3a04;
	text-decoration:underline;
	text-decoration-color: #211c18;
}

@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {.container {max-width: 540px;}}
@media (min-width: 768px) {.container {max-width: 880px;}}
@media (min-width: 992px) {.container {max-width: 960px;}}
@media (min-width: 1200px) {.container {max-width: 1140px;}}
@media (min-width: 1400px) {.container {max-width: 1320px;}}

/*** Player */
.pagebuilderck audio {
	min-height: 40px;
	/*background: #3bff00;*/
	background-color: hsl(149.2, 100%, 50%);
	filter: saturate(7);
}
/* Player */

.glyphes {
    font-family: 'oliviajregular';
	}

/*** /Hatha Yoga/Déroulement des cours" */

/* Bloc etapes de la séance */

.numeration::before {
  content: " ";
  font-family: 'oliviajregular';
  margin: 40px 0 20px 0;
  letter-spacing: 0;
  color: #63bc48;
  top: 5px;
  position: relative;
  margin: 0 11px 0 0;
}

.numeration-1::before {content: "1";}
.numeration-2::before {content: "2";}
.numeration-3::before {content: "2";}
.numeration-4::before {content: "4";}
.numeration-5::before {content: "5";}


/* Tooltip */
.tooltip {
	position: relative;
	display: inline-block;
	border-bottom: 2px dotted #fd3a04;
	cursor: help;
	opacity:1;
	font-size:inherit;
	font-family:inherit;
	z-index:1;
	}

.tooltip .tooltiptext {
    visibility: hidden;
    background-color: #008946;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 14px;
    position: absolute;
    z-index: 1;
    bottom: 110%;
    left: 20%;
    margin-left: -60px;
    width: 320px;
    font-size: 75%;
    line-height: 1.5em;
	}

.tooltip .tooltiptext::after {
	content: "";
	position: absolute;
	top: 100%;
	left: 50%;
	margin-left: -11px;
	border-width: 11px;
	border-style: solid;
	border-color: #008946 transparent transparent transparent;
	}

.tooltip:hover .tooltiptext {
	visibility: visible;
	}
/* Fin tooltip */

/*pour contenu sans builder*/
.punchline2 {
	text-align: inherit;
  	color: #11482e;
  	width: 100%;
  	background: linear-gradient(to left, #fd3a041a, #63bc481a);
  	text-shadow: 1px 1px 1px #fffcf3;
  	padding: 20px 40px;
  	margin: 20px auto 0 auto;
  	border-radius: 11px;
  	font-family: 'helmsley';
  	font-size: 2.8em;
  	margin-bottom: 31px
}
/**/

.punchline {
	font-family:'helmsley';
	font-size: 2.8em;
	}

/* Mise en page blocs Pagebuilderck */
.rowck:last-child {
    margin-bottom: 110px;
	} /*ajoute une marge bas sur le dernier bloc de la page */

.cktext.inner {
    margin: 20px 0;
	}

/* Bloc etapes de la séance */
#block_ID1645410356600 {
	margin: 31px 0 0 0;
}

/*** /Hatha Yoga/Déroulement des cours" */

/* Lightbox */
/* Effet image au survol */
div a[rel="lightbox"] {
	display:block;
	background: url(../images/loupe.png);
	background-repeat: no-repeat;
	background-size:cover;
	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	background-color:black;
	}

a[rel="lightbox"] img {
	/*mix-blend-mode: normal;*/
	opacity:1;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	}

a[rel="lightbox"] img:hover {
	opacity:0.5;
	cursor:zoom-in;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	}
/* Fin Effet image au survol */
/* Déco boite */
#mbCenter, #mbToolbar {
	background:none;
	box-shadow:none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	}
/**/
/* bouton fermer */
#mbBottom {
    font-family: 'menufontsabinejbold';
    position: absolute;
    top: 11px;
    right: -13px;
	}
#mbBottom a:hover, #mbBottom a:active {
	text-decoration:none;
	}
#mbCloseLink big {
	font-size:54px;
	}
#mbBottom a, #mbBottom a:link, #mbBottom a:visited {
    color: #fd3a04;
    text-shadow: 1px 1px white, -1px -1px white, 1px -1px white, -1px 1px white, 0px 0px 13px #0a1020;
}
/* Fin Lightbox */



/*** Header logo */
 .logo {
	font-family: 'oliviajregular';
	color: #fffcf3;
	font-size:46px;
	transition:0.2s ease-in-out;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-ms-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	text-shadow: none;
	position: absolute;
	z-index: 40000;
	top: 0;
}

 .logo:hover {
	color: #f76e26;
}
	
p.logo {margin:0 0 0 9px}

/*******************************/

/*avant après*/

.avant-apres {
	position: relative;
	margin: 40px auto;
}

.avant, .apres {
	position: relative;
}

.avant a span, .apres a span {
	font-family: 'extraheavy'; 
}

.avant a span:nth-child(1), 
.apres a span:nth-child(2) {
  font-family: oliviajregular;
/*  position: absolute;*/
}


@media (min-width: 1em) {.avant, .apres {font-size: 1em;}}
@media (min-width: 360px) {.avant, .apres {font-size: 1.4em;}}
@media (min-width: 576px) {.avant, .apres {font-size: 2.0em;}}
@media (min-width: 767px) {.avant, .apres {font-size: 2.0em; padding: 10px 0}}
@media (min-width: 779px) {.avant, .apres {font-size: 2.2em;}}
@media (min-width: 992px) {.avant, .apres {font-size: 2.2em;}}


@media (min-width: 1em) {
	.avant a, .apres a {
	    font-family: 'oliviajregular';
	    text-transform: uppercase;
	    color: #fd3a04;
	    text-align: center;
	    background: #fd3a04;
	    color: #fffcf3;
	    padding: 20px 0;
	    display: block;
	    border: solid 2px #fd3a04;
	    text-decoration: none;
	    text-shadow: none;
	    border-radius: 18px;
	}
	.avant a span, .apres a span {
		color:#fffcf3;
		top:22px		
	}
	.apres a:active, .avant a:active {
	    background: #fffcf3;
	    color: #fd3a04;
	}
}

@media (min-width: 768px) {
	.avant a,.apres a {
		text-decoration:none;
		position: absolute;
		background: none;
		padding: 0;
		border: none;
		color:#fd3a04;
	}
	.avant a span, .apres a span {
		color:#fd3a04;
		top: -1px;
	}

	.avant a, .apres a {
		font-size: 0.78em
	}

	.avant a {
	    left:0;
	    position: absolute;
	}
	.apres a {
	    right: 6px;
	    position: absolute;
	}

	.avant a::after, .apres a::after { 
		position: absolute; 
		width: 100%; 
		content:"";
		height: 0.15vw; 
		top: 90%; 
		left: 0px; 
		background: #008846;  
		transform: scaleX(0); 
		transform-origin: center;
		transition: transform 0.2s; 
		-webkit-transition: transform 0.2s; 
		-moz-transition: transform 0.2s; 
		-ms-transition: transform 0.2s; 
		-o-transition: transform 0.2s;
	}
		
	.avant a:hover::after, .apres a:hover::after {
		transform: scaleX(1); 
		transform-origin: center;
	}
}

/* maillage déroulement des cours 3 villes */
.avant.avant-yoga-villes-1 {
  margin: 0;
}
.avant.avant-yoga-villes-1 a, .avant.avant-yoga-villes-1 a span {
  color: #99826f;
  cursor: default;
}

.avant.avant-yoga-villes-1 a::after {
	position: unset;
}

.bloc-maillage-villes {
  width: 50%;
}
.bloc-maillage-villes p {
  font-size: 2em;
  margin: 11px 0 0 0;
  display: inline-block;
}
.bloc-maillage-villes p:nth-child(1) {
  width: 85px;
}
.bloc-maillage-villes p:nth-child(2) {
  width: 168px;
}
.bloc-maillage-villes p:nth-child(3) {
  width: 240px;
}


/* fin maillage déroulement des cours 3 villes */

/**/

/*** Système de contact bas droite */

@media screen and (min-width: 1em) {
.contact-fixe {
	display:none;
	}
}

@media (min-width: 1200px) {
.contact-fixe {
	display:block;
	}
	
.contact-fixe * h4 {
    text-align: center;
    font-size: 17px;
    margin: 9px 0;
    width: 8%;
    color: #211c18;
    display: grid;
	font-family: 'mulbold';
    letter-spacing: -.5px;
	}

.contact-fixe * h4 span {
	font-size: 13px;
	}

.contact-fixe #telsmsSide {
    position: fixed;
    right: -329px;
    width: 457px;
    border-radius: 11px 0 0 0;
    bottom: 0;
	z-index:3;
	opacity: 0.8;
    background: #fffcf3;
    padding: 0 0 0 11px;
	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;	
	}

.contact-fixe #telsmsSide:hover {
	opacity:1;
	right: 0;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	box-shadow: 0px 0px 8px green;
	-moz-box-shadow:  0px 0px 8px green;
	-webkit-box-shadow:  0px 0px 8px green;
	background:white;
	}

.contactbloc1, .contactbloc2 {
    margin-bottom: 11px;
	}

/* déco glyphes new */
.contactbloc1 .glyphes, .contactbloc2 .glyphes {
	margin-bottom: 11px;
    font-size: 40px;
    border: solid 1px;
    width: 61px;
    height: 61px;
    border-radius: 40px;
    padding: 31px 0 0 9px;
    margin: 0 37px 11px 24px;
    float: left;
    line-height: 0;
	}

.contactbloc1 .content {
    position: relative;
    top: -3px;
	}
	
.contactbloc2 .content {
    position: relative;
    top: 0px;
    line-height: 0;
    padding: 16px 0;
	}

.contactbloc1 .content small, .contactbloc2 .content small, .contactbloc1 p.content, .contactbloc2 p.content {
    font-size: 20px;
	}

.contactbloc1 .content span, .contactbloc2 .content span {
    font-size: 20px;
	}
	
.cadretel {
    border: solid 1px;
    border-radius: 22px;
    padding: 0 10px;
}

.contact-fixe a {
	color:#fd3a04;
	text-decoration:none;
	}
.contact-fixe a:hover {
	text-decoration:underline;
	}
	
.contact-fixe p {
    margin: 0;
	}

.numero {
    top: 6px;
	}
}

/* Fin système de contact */


/*** FOOTER */
footer {
	box-shadow: 0px 8px 34px #26441d87;
	-moz-box-shadow: 0px 8px 34px #26441d87;
	-webkit-box-shadow: 0px 8px 34px #26441d87;
	font-family:'mul';
	background:url(../images/bg-footer.webp) no-repeat #fff;
	background-position: right bottom;
	position: relative;	
	z-index: 4;		
	}
	
.footer .container {
    padding-top: 80px;
	max-width: 1800px;
	}

footer * .navbar-expand-md .navbar-nav {
	flex-direction: column;
	font-size:30px;
	}

footer * a {
	color:#211c18;
	text-decoration:none;
	}
@media (min-width: 1em) {
	footer * a {font-size: 2em; text-align:center; display:inline-table;}
	footer * li a {
		font-size: 2em;
		text-align: center;
		display: block;
	}

	footer * .copyright {font-size: 2em;}	

	footer .contact * a {
		width: 100%;
		display: grid;
		background: #fd3a04;
		margin-bottom: 13px;
		text-align: center;
		padding: 20px 0;
		color: #fffcf3;
		border: solid 3px #fd3a04;
		text-shadow:none; 
		border-radius : 18px;
	}	
	footer .contact a:hover {text-decoration:none; color:#fffcf3;}
	footer .contact a:active {background: #fffcf3;color: #fd3a04;}
	footer * a:hover {text-decoration:none; color:#211c18;}
	footer * a:active {color:#fd3a04;}
}
@media (min-width: 768px) {
	footer * a {text-shadow:1px 1px 1px #fffcf3;}
	footer * li a, footer * .copyright {text-align: left; font-size: 2.1em; }
	footer .contact * a {
		width:auto;
		display: grid;
		background: none;
		margin-bottom: 0;
		text-align: left;
		padding: 0;
		color: #fffcf3;
		border: none;
		text-shadow:none; 
		color:#211c18;
		float:left;
	}
	footer .contact a:hover, footer * a:hover {text-decoration:underline; color:#211c18; text-decoration-color: #fd3a04;}
	footer * a:active {color:#211c18;}
}
@media (min-width: 1200px) {
	footer * li a, footer * .copyright {font-size: 2.1em};
}
@media (min-width: 1400px) {}

footer * .copyright {
    color: #63bc48;
    text-align: center;
    cursor: default;
    position: relative;
    display: inline-block;
    width: 100%;
    margin-bottom: 31px;
    }

footer * .nav-link {
	padding:0;
	}
	
footer .glyphes_menu {
	color:#63bc48;
	cursor:default;
	text-align:center;
	}
@media (min-width: 1em) {
	footer .glyphes_menu {font-size:9em;}
	.scrollup-col, .glyphes_menu, .contact, .legal {/*! width:100% */}
}
@media (min-width: 768px) {
	footer .glyphes_menu {font-size:11em; }
	.glyphes_menu, .contact, .legal {/*! width:33% */} 
}
@media (min-width: 992px) {
	footer .glyphes_menu {font-size:13em;}
	.scrollup-col, .glyphes_menu, .contact, .legal {/*! width:25% */}
}
@media (min-width: 1200px) {
	footer .glyphes_menu {font-size:15em;}
}
.sitami {
  font-size: 1.8em;
  text-shadow: none;
  padding: 0 5px;
  width: fit-content;
  border-radius: 3px;
  border: solid 1px #fd3a04;
}

.sitami:hover {
	text-decoration:none;
	color: #f25100;
}

@media (min-width: 1em) {.sitami {margin: 10px auto 0 auto;}}
@media (min-width: 768px) {.sitami {margin: 10px 0 0 0;}}


/* Bouton remonter */
#toFirst {
    margin: 0 auto;
    width: 80px;
}
footer .scrollUp p{
    font-family: 'oliviajregular' !important;
    text-decoration: none;
    color: #fd3a04;
	font-size: 50px !important;
    border: solid 2px;
    border-radius: 9px;
	transition: .1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
    text-align: center;
	width: 80px;
	height: 80px;
	padding-top: 4px;
	cursor:pointer;
	margin-bottom: 31px;
}
footer .scrollUp p:hover {
	color: #63bc48;
	}

@media (max-width: 1200px) {
	.scrollup-col {
		margin-top: 32px;
	}
}
/* Fin bouton remonter */



/* Icone Tel(127) & Email(128) & facebook(153)*/	
.navbar-nav {
	position:relative;
	}
.nav-link.item-127 a, 
.nav-link.item-128 a,
.nav-link.item-153 a {
	font-family:'oliviajregular';
	}
.nav-link.item-127 a:hover, 
.nav-link.item-128 a:hover,
.nav-link.item-153 a:hover {
	text-decoration:none;
	color:#63bc48;
	}
.nav-link.item-127 a::after, 
.nav-link.item-128 a::after,
.nav-link.item-153 a::after {
    position: absolute;
    font-size: 1em;
	left:50px;
	font-family:'mul';
	color:#211c18;
	}
.nav-link.item-127 a::after {
    content: "06 50 81 89 81";	
	top:0;
	}
.nav-link.item-128 a::after {
    content: "Contact";	
	}
.nav-link.item-153 a::after {
    content: "Facebook";	
	}
.nav-link.item-127 a:hover::after, 
.nav-link.item-128 a:hover::after,
.nav-link.item-153 a:hover::after {
	text-decoration:underline;
	text-decoration-color:#fd3a04;
	}
@media (min-width: 1em) {
	.nav-link.item-127 a::after, 
	.nav-link.item-128 a::after,
	.nav-link.item-153 a::after {display:none;}
	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover,
	.nav-link.item-153 a:hover {color:#fffcf3;}
	.nav-link.item-127 a:active,
	.nav-link.item-128 a:active,
	.nav-link.item-153 a:active	{color:#fd3a04;}
}
@media (min-width: 768px) {
	.nav-link.item-127 a, 
	.nav-link.item-128 a,
	.nav-link.item-153 a {color:#63bc48;}

	.nav-link.item-127 a::after, 
	.nav-link.item-128 a::after,
	.nav-link.item-153 a::after {display:block;}

	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover,
	.nav-link.item-153 a:hover {color:#63bc48;}
}

@media (min-width: 992px) {}
@media (min-width: 1200px) {}

/* fin footer */


/* tarifs */
.tarifs {
  min-height: 603px;
  border: solid 3px #63bc48;
  border-radius: 10px;
  margin: 7px;
  background: white;
  padding: 0 9px;
  max-width: 300px;
  position:relative;
	margin: 0 auto;
}


.tarifs-mois {
  font-family: mul;
  font-size: 3em;
  margin: 10px 0;
  color: #211c18;
  letter-spacing: -1.6px;
}

.tarifs-prix {
  font-size: 8em;
  color: #008846;
  line-height: 50px;
  margin: 61px 0 0 0;
  letter-spacing: -6px;
}

.tarifs-prix span {
	display: block;
	font-size: 0.3em;
	margin: 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}

.tarifs-prix sup {
	font-size:.6em;
}


.tarifs-prix2 {
  font-size: 8em;
  color: #008846;
  line-height: 50px;
	margin: 61px 0 0 0;
  letter-spacing: -6px;	
}

.tarifs-prix2 span {
	display: block;
	font-size: 0.3em;
	margin: 8px 0 0 0;
	padding: 0;
	text-transform: uppercase;
	letter-spacing: -1px;
}
.tarifs-prix2 sup {
	font-size:.6em;
}

.tarifs-couple {
    position: absolute;
    font-family: 'mulbold';
    font-size: 1.7em;
    background: #fd3a04;
    color: white;
    text-shadow: none;
    padding: 0 10px;
    border-radius: 6px;
    left: -3px;
    box-shadow: 2px 2px 3px #224019;
	-moz-box-shadow: 2px 2px 3px #224019;
	-webkit-box-shadow: 2px 2px 3px #224019;
    top: -3px;
}

.tarifs-soit {
  font-size: 1.6em;
  color: #63bc48;
  margin: 24px 0 0 0;
/*  position: relative;
  top: -57px;
  right: -72px;
  */
}

.tarifs-soit span {
  font-size: 2.4em;
}

.tarifs-soit span sup{
  font-size: .6em;
}

.tarifs ul {
  text-align: left;
  padding-left: 0;
  margin-top: 24px;
}

.tarifs li {
  font-size: 1.8em;
}
.tarifs li::before {
  content: "A";
  color: #f76e26;
  margin-right: 11px;
  font-family: 'oliviajregular';
  font-size: 20px;
}

.tarifs hr:not([size]) {
  height: 2px;
  color: green;
  width: 80%;
  margin: 30px auto 0 auto;
}


.tarifs a {
  text-decoration: none;
  background: #fd3a04;
  padding: 2px 20px 3px 20px;
  border-radius: 10px;
  color: white;
  text-shadow: none;
  font-size: 1.1em;
  border: solid 2px transparent;
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
}

.tarifs a:hover {
  color: #fd3a04;
  background: white;
  border: solid 2px #fd3a04;
}


.tarifs-bouton-inscription {
  margin: 24px;
  text-transform: uppercase;
  font-size:2em;
}

.tarifs-small {
  line-height: 19px;
  font-size: 23px;
  margin-top: 20px;
}

@media (min-width: 1em) {
.cours1 {
  font-size: 1.2em;
  background: #f76e26;
  color: white;
  text-shadow: none;
  font-family: 'mulbold';
  padding: 5px 10px 2px 13px;
  border-radius: 4px;
  display: block;
  text-transform: uppercase;
  position: relative;
	}

.solo {
  font-size: 2em;
  background: #63bc48;
  color: white;
  text-shadow: none;
  font-family: 'mulbold';
  padding: 5px 10px 2px 13px;
  border-radius: 4px;
  display: block;
  text-transform: uppercase;
  position: relative;
	}
}

@media (min-width: 380px) {
.solo {
  font-size: 1.7em;
  background: #63bc48;
  color: white;
  text-shadow: none;
  font-family: 'mulbold';
  padding: 5px 10px 2px 13px;
  border-radius: 4px;
  display: ruby;
  text-transform: uppercase;
  position: absolute;
  right: 11px;
  top: 69px;
	}

.couple {
  font-size: 1.7em;
  background: #008846;
  color: white;
  text-shadow: none;
  font-family: 'mulbold';
  padding: 5px 10px 4px 13px;
  border-radius: 4px;
  display: ruby;
  text-transform: uppercase;
  position: absolute;
  right: 11px;
  top: 69px;
	}

.cours1, .cours2, .cours3 {
    font-size: 1.7em;
    color: white;
    text-shadow: none;
    font-family: 'mulbold';
    padding: 3px 10px 4px 13px;
    border-radius: 4px;
    display: ruby;
    text-transform: uppercase;
    position: relative;
}




.cours1 span, .cours2 span, .cours3 span {
  font-size: 75%;
  text-transform: lowercase;
  font-family: 'mulbold';
	}
	
.cours1, .cours3 {background: #f76e26;} 
.cours2 {background: #fd3a04;} 


}



.remise-couple {
  color: #f76e26;
  font-size: 2em;
}

.remise-couple span {
  color: #008846;
}

.line {
  font-size: 1.4em;
  text-align: left;
	margin: -18px 0 0 0;
}

.text-left {text-align:left;}

/* fin tarifs */

/* stages */
.stages {
	width:100%;
	border: dashed 2px #63bc48;
	padding-left: 11%;
	background: white;
}

.stages .glyphes {color:#63bc48;}

.inscription-stage {
  background: #fd3a04;
  border-radius: 10px;
  padding: 7px 34px;
  color: white;
  text-decoration: none;
  text-shadow: none;
  border: 2px solid #fd3a04;
}


.inscription-stage:hover {
  background: white;
  color: #fd3a04;
}


.accordion-tarif-cp-1 {
	margin-top: 50px;
  border-radius: 16px;
/*  border: 2px solid #008846;*/
}

.accordion-tarif-cp-1-title {
	margin: -1px auto;
	color: #008846;
}

@media (min-width: 1em){.accordion-tarif-cp-1-title {font-size: 2.8em}}
@media (min-width: 360px){}
@media (min-width: 480px){}
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media (min-width: 1400px){}


.accordion-tarif-cp-1-item {
/*	margin-bottom: 5px;
	border-radius: 4px;*/

}


.accordion-tarif-cp-1-header {
display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background: #008846;
  border-radius: 15px;
	color: white;
  	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.accordion-tarif-cp-1-header:hover {
  background: #399a1b;
  color: white !important;
  	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.accordion-tarif-cp-1-header span:first-child {
  	text-align: center;
  	width: 100%;
  	font-size: 2.6em;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.accordion-tarif-cp-1-header span:last-child {
  font-size: 1.4em;
}


.accordion-tarif-cp-1-content {
	max-height: 0; /* Commence fermé */
	overflow: hidden; 
	transition: max-height 0.3s ease; 
	-webkit-transition: max-height 0.3s ease;
	-moz-transition: max-height 0.3s ease;
	-ms-transition: max-height 0.3s ease;
	-o-transition: max-height 0.3s ease;
}

.accordion-tarif-cp-1-map {
  border-radius: 20px;
  margin-top: 8px;
  padding: 0;
}

.accordion-tarif-cp-1-map-boxcontent {
    overflow-y: auto;
}

@media (min-width: 1em) {
	.accordion-tarif-cp-1-map-boxcontent {height: auto;}
	.accordion-tarif-cp-1-map {height: auto;}
}

@media (min-width: 1025px) {
	.accordion-tarif-cp-1-map-boxcontent {height: 368px;}
	.accordion-tarif-cp-1-map {height: 380px;}
	}

.accordion-tarif-cp-1-map p {
	font-size: 180%;
  	margin: 0 0 14px 0;
  	line-height: 26px;
  	color: #514d4a;
  	text-align: left;
  	padding-left: 13px;

}

.accordion-tarif-cp-1-map p span {
  color: #f76e26;
}

.accordion-tarif-cp-1-map p a {
	border: none;	
	color: #fd3a04;
  	background: unset;
	font-size: 100%;
  	padding: 0;
  	text-decoration: underline;
}

.accordion-tarif-cp-1-map p a:hover {
  	border: none;
  	color: #fd3a04;
  	text-decoration: none;
}

.accordion-tarif-cp-1-icon {
margin-left: 10px; /* Espacement à gauche de l'icône */
font-weight: bold; /* Mets l'icône en évidence */
font-family: oliviajregular;
}




/* PLANNING */

.planning-ville1 .row {margin:0; padding:0}
.planning-ville2 .row {margin:0; padding:0}
.planning-ville3 .row {margin:0; padding:0}

.planning-ville1 .col-md-1 {flex: 0 0 auto; width: 100%; padding: 0;}
.planning-ville2 .col-md-9 {flex: 0 0 auto; width: 100%; padding: 0;}
.planning-ville3 .col-md-1 {flex: 0 0 auto; width: 100%; padding: 0;}


@media (min-width: 768px) {
.planning-ville1 p, .planning-ville2 p, .planning-ville3 p {font-size: 2em;}
}

.planning-ville1 p, .planning-ville2 p, .planning-ville3 p {text-align:center; margin:0; padding-bottom: 9px;}

.planning-ville1 .col, .planning-ville3 .col {padding:0;}

.plan-ville1 {background:#63bc48; color:white; -webkit-text-fill-color: white;text-shadow: none;font-family: 'mulbold';line-height: 42px;}
.plan-ville2 {background:#f76e26; color:white; -webkit-text-fill-color: white;text-shadow: none;font-family: 'mulbold';line-height: 42px;}
.plan-ville3 {background:#008846; color:white; -webkit-text-fill-color: white;text-shadow: none;font-family: 'mulbold';line-height: 42px;}

.planning-ville2 .col-md-4 {padding:0;background-color: #fdd0b3;}

.plan-jour {background:white;}
.planning-ville1 .plan-jour {color:#211c18;font-family: 'mulbold';}
.planning-ville2 .plan-jour {color:#211c18;font-family: 'mulbold';}
.planning-ville3 .plan-jour {color:#211c18;font-family: 'mulbold';}

.planning-ville1 .plan-heure {background:#eff9e8}
.planning-ville2 .plan-heure {background:#fdd0b3}
.planning-ville3 .plan-heure {background:#ffece0}

.planning-ville1 .plan-adresse{background:#e8f2da; min-height:100px;}
.planning-ville2 .plan-adresse{background:#fee7d4; min-height:100px; }
.planning-ville3 .plan-adresse{background:#fee7d4; min-height:100px; }
.planning-ville1 .cont-plan-adresse {padding:0; margin-top: 11px;}
.planning-ville2 .cont-plan-adresse {padding:0; margin-top: 11px;}
.planning-ville3 .cont-plan-adresse {padding:0; margin-top: 11px;}

.doux {display: block; margin-top: -13px;}

.lastplanning {height: auto;}

.planning-page h2 {width: 100%; display: block;}

@media (min-width: 1em) {
	.doux {margin-top: 0;}
	.planning-ville1, .planning-ville2, .planning-ville3 {float:none;}
	.planning-ville1, .planning-ville3  {border-right: none;}
	.planning-ville1, .planning-ville3  {border: 1px solid #c8c8c8; margin-bottom: 11px;}
	.plan-ville2 {/*margin-top:20px !important*/}
	.plan-ville1, .plan-ville2, .plan-ville3 /*le h2*/{text-transform: inherit; font-weight: normal; text-align: center; margin:0; letter-spacing: inherit; }
	.planning-ville1 h2, .planning-ville2 h2, .planning-ville3 h2 {font-size: 2.2em;}	
}


@media (min-width: 360px) {
	.doux {margin-top: -13px;}
}


@media (min-width: 992px) {
	.planning-ville1 {width: 24%; float: left; border: solid 5px white; /**/ background: #e9f7f0; height: 464px;}
	.planning-ville2 {width: 75%; float: left;}
	.planning-ville3 {width: 24%; float: left; border: solid 5px white; background: #ffece0; height: 464px;}
	.planning-ville1 h2, .planning-ville2 h2, .planning-ville3 h2 {font-size: 2.8em;}
	.planning-ville2 .plan-adresse{height: 169px;}
	.planning-ville1 .plan-adresse, .planning-ville2 .plan-adresse, .planning-ville3 .plan-adresse {font-size:2em;}

	.plan-ville1, .plan-ville2, .plan-ville3 {text-transform: inherit; font-weight: normal; text-align: center; margin:0;padding-top:6px;min-height: 101px;}
	.plan-ville2 {margin-top:0 !important}
	.planning-ville1 .plan-heure, .planning-ville2 .plan-heure, .planning-ville3 .plan-heure {/*font-size:2.4em;*/}
	.lastplanning {height: 108px;}
}

@media (min-width: 1200px) {
	.planning-ville2 .plan-adresse {height: auto; }
}

/*gps*/

@media (min-width: 1em) {
	.planning-glyphe-gps-1 {background-color: #63bc48; width:100%; color:white;}
	.planning-glyphe-gps-2 {background-color: #008846; width:100%; color:white;}
	.planning-glyphe-gps-3 {background-color: #f76e26; width:100%; color:white;}
	.planning-title-gps-1 {background:#63bc48; height:30px; width: 100%;}
	.planning-title-gps-2 {background:#008846; height:48px; width: 100%;}
	.planning-title-gps-3 {background:#f76e26; height:30px; width: 100%;}
}

@media (min-width: 360px) {
.planning-title-gps-1 { height:50px; }
.planning-title-gps-2 { height:50px; }
.planning-title-gps-3 { height:50px; }
}


@media (min-width: 361px) {
 .planning-title-gps-2 { height:80px;}
}
@media (min-width: 623px) {
.planning-title-gps-2 { height:50px;}
}


@media (min-width: 768px) {
.planning-title-gps-1 { height:50px; }
.planning-title-gps-2 { height:50px; }
.planning-title-gps-3 { height:50px; }
}

@media (min-width: 992px) {
	.planning-glyphe-gps-1 {width:4% !important;}
	.planning-glyphe-gps-2 {width:4% !important;}
	.planning-glyphe-gps-3 {width:4% !important;}
	}
}

.planning-title-gps-1 {background:#63bc48; }
.planning-title-gps-2 {background:#008846; }
.planning-title-gps-3 {background:#f76e26; }
@media (min-width: 992px) {
.planning-title-gps-1, .planning-title-gps-2, .planning-title-gps-3 {width: 95.6%;}
}


@media (min-width: 1px) {
	/*suppression de "COORDONNEES"*/	
	.cont-loc-planning h3 span {display: none;}
	.cont-loc-planning h3 span.glyphes {display: initial;}
}

@media (min-width: 400px) {
	.cont-loc-planning h3 span {display: initial;}
}


@media (min-width: 1px) {
		.cont-loc-planning h3 {font-size: 1.8em; text-align: center;}
		.cont-loc-planning h3 span.glyphes {display: none;}
}
@media (min-width: 360px) {
		.cont-loc-planning h3 {font-size: 2.2em;text-align: inherit;}
		.cont-loc-planning h3 span.glyphes {display: inline-block;}
}

.cont-loc-planning h3 {
  color: white;
  text-shadow: none;
  font-weight: normal;
  padding: 1% 0 0 1%;
  letter-spacing: -0.4px;
}
.cont-loc-planning h3 span{
  font-family: 'mul';
font-weight: normal;
text-shadow: none;
}

.cont-loc-planning h3 span.glyphes {
  font-family: oliviajregular;
  padding-right: 20px;
}

.cont-loc-planning h3 .glyphes span:first-child {
  font-family: oliviajregular;
}

/* affichage/disparition COORDONNEES */
@media (min-width: 1em) {
	.cont-loc-planning h3 span:last-child {
	  display: none;
	}
}
@media (min-width: 768px) {
	.cont-loc-planning h3 span:last-child {
	  display: initial;
	}
}

/* fin affichage/disparition COORDONNEES */



.planning-gps-1 {background-color: #eff9e8}
.planning-gps-2 {background-color: #e9f7f0}
.planning-gps-3 {background-color: #ffece0}


.cont-loc-planning {margin: 50px 0; font-size: 10px;}

.planning-glyphe-gps-1, 
.planning-gps-1, 
.planning-glyphe-gps-2, 
.planning-gps-2, 
.planning-glyphe-gps-3, 
.planning-gps-3 {
  padding: 9px 0 0 9px;
}

@media (min-width: 1em) {
	.planning-gps-1 p,
	.planning-gps-2 p,
	.planning-gps-3 p {
	  font-size: 2em;
	}
}

@media (min-width: 360px) {
	.planning-gps-1 p, 
	.planning-gps-2 p, 
	.planning-gps-3 p 
	 {
	  font-size: 2.2em;
	}
}


.gl1, .gl2, .gl3, .gl4 {
  font-family: oliviajregular;
  font-size: 22px;
  text-shadow: none;
}

/*copy clipboard*/
.gl1 {
  border-radius: 45px;
  padding: 6px 12px;
  background: #f76e26;
  color: white;
}

/*qr*/
.gl2  {
  border-radius: 45px;
  padding: 6px 12px;
  background: #211c18;
  color: white;
}

/*gpx*/

.gl3 {
  display: block;
  margin-top: 14px;
}

.gl3 a {
  color: white; 
  text-decoration: none;
  border-radius: 45px;
  padding: 10px 12px;
  background: #f76e26;
  color: white;
  margin: 0 0 0 11px;
  transition: .11s;
  -webkit-transition: .11s;
  -moz-transition: .11s;
  -ms-transition: .11s;
  -o-transition: .11s; 
  text-shadow: none; 
}
.gl3 a:hover {
	box-shadow: 0 0 14px #f76e26;
	-moz-box-shadow: 0 0 14px #f76e26;
	-webkit-box-shadow: 0 0 14px #f76e26;
}

/*closed*/
.gl4 {
    text-decoration: none;
    border-radius: 50px;
    padding: 11px 14px;
    background: #211c18;
    color: #f76e26;
    font-size: 30px;
    transition: .11s;
	-webkit-transition: .11s;
	-moz-transition: .11s;
	-ms-transition: .11s;
	-o-transition: .11s;    
    margin: 50px;
    display: inline-block;
    cursor: pointer;
}


@media (min-width: 1em) {
.gps-main p {font-size: 19px; display: inline;}
}

@media (min-width: 360px) {
.gps-main p {font-size: 2.15em; display: inline;}
}


.more-bottom {margin: 70px 0 0 0;}

@media (min-width: 1em) {
	.gps-main input {width: max-content}
}

@media (min-width: 992px){
	.gps-main input {
	  border: none;
	  border-radius: 11px;
	  padding: 0 11px;
	  border: solid 2px #a69487;
	  margin: 11px 0;
	  width: 100%;
	}
}

.gps-main input:focus {
  outline: none;
}

.gps-main button {
border: none;
}

.tooltipp {
  display: none;
  position: absolute;
  background-color: #211c18;
  color: #fff;
  text-align: center;
  text-shadow: none;
  border-radius: 5px;
  padding: 3px 8px;
  font-family: 'mul';
  font-size: 19px;
  top: 50px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 5;
  width: max-content;
  opacity: 1 !important;
}
.tooltipp.show {
  display: block;
}

.content-buttom-tooltip {
    position: relative;
	display: inline-block;
	width: max-content;
}



@media (min-width: 1em) {
	.toggleImage {
	  position: absolute;
	  top: 47px;
	  width: 300px;
	  left: 0;
	  transform: translateX(-50%);
	  border: solid 4px black;
	  box-shadow: 0 0 20px black;
		-moz-box-shadow: 0 0 20px black;
		-webkit-box-shadow: 0 0 20px black;
	  z-index: 2;
	  max-width: 1000% !important; /*ouais, je sais pour overpasser les fucking .pagebuilderck img, .workspaceck img de pagebuilderck c'est n'importe quoi*/
	}
}

@media (min-width: 480px) {
	.toggleImage {
	  position: absolute;
	  top: 47px;
	  width: 300px;
	  left: 50%;
	  transform: translateX(-50%);
	  border: solid 4px black;
	  box-shadow: 0 0 20px black;
		-moz-box-shadow: 0 0 20px black;
		-webkit-box-shadow: 0 0 20px black;
	  z-index: 2;
	  max-width: 1000% !important; /*ouais, je sais pour overpasser les fucking .pagebuilderck img, .workspaceck img de pagebuilderck c'est n'importe quoi*/
	}
}

@media (min-width: 1em) {
    .gps-main-mobile {display: block;height: 4px;}

    .gps-main {
      /*margin: 0 20px 50px 20px;*/
      margin: 0;
      border: solid 2px #f76e26;
      padding: 16px 0;
      background: white;
      border-radius: 14px;
    }

    .gps-main:last-child {
      background: none;
      border: none;
    }
}

@media (min-width: 757px) {
    .gps-main-mobile {display: none;}

    .gps-main {
        margin: 0 0 31px 0;
        background: none;
        border: none;
        padding: 0;
    }
}

.gps-main {text-align: center;}


.margin-0 {margin: 0}

.pure-u-1.pure-u-lg-11-24.carte {
  height: 400px;
}

/*accordeon*/

.agrandir {
	position: relative;
  	background: #fffcf3;
  	padding: 4px 8px;
  	display: inline;
}
@media (min-width: 1em) {.agrandir {bottom: 44px;}}
@media (min-width: 360px) {.agrandir {bottom: 44px;}}
@media (min-width: 768px) {.agrandir {bottom: 36px;}}

@media (min-width: 1em) {
    .accordion {width: 100%;}
    .accordion-item {font-size: 2.2em;}
}

@media (min-width: 360px) {
    .accordion-item {font-size: 2.4em;}
}

@media (min-width: 480px) {
    .accordion-item {font-size: 2.4em;}
}

@media (min-width: 768px) {
    .accordion-item {font-size: 1.9em;}
}
@media (min-width: 992px) {
    .accordion {width: 95.6%;}
}

.accordion-item {
	background: none;
	border: none;
	color: white;
	font-family: 'mul';
	font-weight: normal;
	text-shadow: none;
    }

.accordion-item:last-of-type {border-radius: 0;}

.accordion-header {
      display: flex;
      justify-content: space-between; /* Espace entre le titre et l'icône */
      align-items: center;
      background-color: #f1f1f1;
      padding: 10px;
      cursor: pointer;
    }

    .accordion-header-color1 {background-color: #63bc48; transition: .11s;transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;}
    .accordion-header-color1:hover {background-color: #399a1b}
    .accordion-header-color2 {background-color: #008846; transition: .11s;transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;}
    .accordion-header-color2:hover {background-color: #1a6641;}
    .accordion-header-color3 {background-color: #f76e26; transition: .11s;transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;}
    .accordion-header-color3:hover {background-color: #ec5003;}

    .accordion-content {
      max-height: 0; /* Commence fermé */
      overflow: hidden; /* Cache le contenu débordant */
      transition: max-height 0.3s ease; /* Animation douce */
	-webkit-transition: max-height 0.3s ease;;
	-moz-transition: max-height 0.3s ease;;
	-ms-transition: max-height 0.3s ease;;
	-o-transition: max-height 0.3s ease;;

    }

    .accordion-map {
      height: 400px;
      background-color: #eaeaea;
    }

    .accordion-icon {
      margin-left: 10px; /* Espacement à gauche de l'icône */
      font-weight: bold; /* Mets l'icône en évidence */
    }

.accordion-header span {font-family: oliviajregular;}







/* FIN PLANNING */



/* fin stages */

/* crédits */
#ID1661567872282 p {font-size:2em; margin:0;}
#ID1661567872282 img {margin-bottom:20px;}


/* fin crédits */


/* Comprendre son corps */
.ref {
  font-size: 20px;
  text-align: right;
  background: white;
  margin-top: -25px;
  color: #717171;
}

/* fin Comprendre son corps */

/* Cours privés */

#ID1717330159037 p span {
  color: #fffcf3;
  background: #63bc48;
  border-radius: 9px;
  padding: 1px 11px 5px 11px;
  text-shadow: none;
  font-size: 80%;
}

#ID1717330159037 sup {
	display: inline;
	font-size: .6em;
}

@media (max-width: 480px) {
	.break-cours-prives {display: block}
}


.accordion-tarif-cp-2 {
	margin-top: 50px;
  border-radius: 16px;
/*  border: 2px solid #008846;*/
}

.accordion-tarif-cp-2-title {
	margin: -1px auto;
	color: #008846;
}

@media (min-width: 1em){.accordion-tarif-cp-2-title {font-size: 2.8em}}
@media (min-width: 360px){}
@media (min-width: 480px){}
@media (min-width: 576px){}
@media (min-width: 768px){}
@media (min-width: 992px){}
@media (min-width: 1200px){}
@media (min-width: 1400px){}


.accordion-tarif-cp-2-item {}

.accordion-tarif-cp-2-header {
display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 10px;
  cursor: pointer;
  background: #008846; 
  border-radius: 15px;
	color: #fffcf3;
  	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.accordion-tarif-cp-2-header:hover {
  background: #399a1b;
  color: #fffcf3 !important;
  	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.accordion-tarif-cp-2-header span:first-child {
  	text-align: center;
  	width: 100%;
  	font-size: 2.6em;
    user-select: none;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
  	padding: 0 0 6px 0;
  	margin: -9px;
}

.accordion-tarif-cp-2-header span:last-child {
  font-size: 1.4em;
}

.accordion-tarif-cp-2-content {
	max-height: 0; /* Commence fermé */
	overflow: hidden; 
	background: #faf7ed;
	transition: max-height 0.3s ease; 
	-webkit-transition: max-height 0.3s ease;
	-moz-transition: max-height 0.3s ease;
	-ms-transition: max-height 0.3s ease;
	-o-transition: max-height 0.3s ease;

}

.accordion-tarif-cp-2-map {
/*! height: auto; */
  border-radius: 20px;
  margin-top: 8px;
  padding: 0;
margin-top: 15px;
}

.accordion-tarif-cp-2-map p {
	font-size: 180%;
  	margin: 0 0 16px 0;
  	line-height: 26px;
  	color: #514d4a;
  	text-align: left;
  	padding-left: 13px;
	line-height: 31px;
}

.accordion-tarif-cp-2-map p span {
  color: #f76e26;
}

.accordion-tarif-cp-2-map p a {
	border: none;	
	color: #fd3a04;
  	background: unset;
	font-size: 100%;
  	padding: 0;
  	text-decoration: underline;
}

.accordion-tarif-cp-2-map p a:hover {
  	border: none;
  	color: #fd3a04;
  	text-decoration: none;
}

.accordion-tarif-cp-2-icon {
	padding-right: 10px; /* Espacement à gauche de l'icône */
	font-weight: bold; /* Mets l'icône en évidence */
	font-family: oliviajregular;
}

@media (min-width: 1em) {
	.tarifscp-col-1, .tarifscp-col-2 {
		float: left; 
		width: 100%;
	}
}

@media (min-width: 576px) {
	.tarifscp-col-1, .tarifscp-col-2 {
		float: left; 
		width: 50%;
	}
}

/**/

/*FAQ*/

/*accordeon*/
@media (min-width: 1em) {
    .accordion-faq {
      width: 100%;
    }
}

@media (min-width: 992px) {
    .accordion-faq {
      width: 95.6%;
    }
}


    .accordion-item-faq {
      background: none;
      border: none;
      color: white;
      font-weight: normal;
      margin: 0 0 5px 0;
    }
    .accordion-item-faq:last-of-type {border-radius: 0; }

	.accordion-item-faq p {
		text-shadow: none;
		font-family: mulbold;
	}


    .accordion-header-faq {
      display: flex;
      justify-content: space-between; /* Espace entre le titre et l'icône */
      align-items: center;
      background-color: #f1f1f1;
      padding: 10px;
      cursor: pointer;
    }

    .accordion-header-faq-color1 {background-color: #63bc48; border-radius: 12px; transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;}
    .accordion-header-faq-color1:hover {background-color: #399a1b}
    .accordion-header-faq-color2 {background-color: #008846; border-radius: 12px; transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;}
    .accordion-header-faq-color2:hover {background-color: #1a6641;}

    .accordion-content-faq {
      max-height: 0; /* Commence fermé */
      overflow: hidden; /* Cache le contenu débordant */
      transition: max-height 0.3s ease; /* Animation douce */
   	-webkit-transition: max-height 0.3s ease;
	-moz-transition: max-height 0.3s ease;
	-ms-transition: max-height 0.3s ease;
	-o-transition: max-height 0.3s ease;
    }

    .accordion-content-faq p {
		font-family: 'mul';
    }

    .accordion-map-faq {
      height: 400px; 
      background-color: #eaeaea;
    }

    .accordion-icon-faq {
      margin-left: 10px; /* Espacement à gauche de l'icône */
      font-weight: bold; /* Mets l'icône en évidence */
    }


.accordion-header-faq span {font-family: oliviajregular;}

.accordion-content-faq p {color: #211c18;}

/* fin accordeon faq */

/* accordeon faq (à propos villes) */

.bloc-a-propos {
	font-size: 0.55em;
	margin-bottom: 50px;
	margin-top: -80px;
}

.bloc-a-propos .accordion-header-faq-color1 {
  background-color: #fffcf3;
  width: fit-content;
  color: #c3bcb7;
}

.bloc-a-propos .style-h3 {
  letter-spacing: -1.4px;
  color: #8d7867;
}

.bloc-a-propos .accordion-content-faq p {
  color: #c3bcb7;
}

/* fin accordeon faq > a propos ville */



/* accordeon a propos ville */
	/* basé sur accordeon faq */

#a-propos-ville .accordion-header-faq p {
	margin: 0;
}

/* fin accordeon a propos ville */




/* loader */

.loading-overlay { 
    position: fixed; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
    background: rgba(255, 252, 243, 1); 
    display: flex; 
    justify-content: center; 
    align-items: center; 
    z-index: 1000;
} 

/* /loader */

/* pages localisation */


.h2-loc-horaire::before {content: "\005A\0020"; font-family: oliviajregular !important; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}
.h2-loc-duree::before {content: "\004B\0020"; font-family: oliviajregular; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}
.h2-loc-materiel::before {content: "\0070\0020"; font-family: oliviajregular; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}
.h2-loc-sanitaire::before {content: "\006F\0020"; font-family: oliviajregular; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}
.h2-loc-inscription::before {content: "\006E\0020"; font-family: oliviajregular; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}
.h2-loc-adresse::before {content: "\004A\0020"; font-family: oliviajregular; font-size: .7em; text-transform: none; color: #008846; -webkit-text-fill-color: #008846;}

/*taille du maillage de lien des villes*/


.maillage-ville {padding: 0;}

.maillage-ville li {
	/*display: inline-block;*/
	width: fit-content;
	margin: 4px;	
	text-decoration: none;
	border-radius: 20px;
	border: 2px solid #c3bcb7;
	padding: 5px 9px 3px 9px;
	text-shadow: none;
	color: #c3bcb7 !important;
	background-color: unset;
	cursor: default;	
}


.maillage-ville li::before {
  content: unset;
  color: unset;
  margin-right:unset;
}

.maillage-ville .mv-active {
	width: unset;
	margin: unset;	
	text-decoration: none;
	border-radius: unset;
	border: unset;
	padding: unset;
	text-shadow: none;
	color: unset;
	background-color: unset;
	margin-bottom: 10px;
}

.maillage-ville li a {
	width: fit-content;
	margin: 4px;	
	text-decoration: none;
	border-radius: 20px;
	border: 2px solid #99826f;
	padding: 5px 9px 3px 9px;
	text-shadow: none;
	color: #99826f;
	background-color: unset;
}

.maillage-ville li a:hover {
	border: 2px solid #fd3a04;	
	color: #fd3a04;
}

@media (min-width: 1em) {
	.maillage-ville li, .maillage-ville li a {display: block; margin: 0 auto 20px auto;}
}

@media (min-width: 576px) {
	.maillage-ville li, .maillage-ville li a {display: inline-block; margin: 0 4px;}
}




/**/
 
 /*slider page hatha yoga l'union des polarités */
 /*customization */
 #sliderck136 .swiper-button-prev, 
 #sliderck136 .swiper-button-next {
 	background-size: 100%; 
 	filter: drop-shadow(3px 5px 2px rgba(0, 0, 0, 0.4))
 }


.swiper-button-prev, 
.swiper-button-next {
	height:93px; 
	margin-top: -60px; 
	width:57px;
}

@media(min-width: 1em){
	#sliderck136 {display: none;}
}
@media(min-width: 768px){
	#sliderck136 {display: block;}
}



/* container page localisation gps et carte */
.cont-loc {margin: 0;}

.container-map-location {
  height: 446px;
  position: relative;
}

.agrandir-loc {
  position: relative;
  background: #fffcf3;
  padding: 4px 8px;
  font-family: 'mul';
  display: inline;
}

@media (min-width: 1px) {
	.agrandir-loc {
		font-size: 1.8em;
  		bottom: 38px;		
	}
}

@media (min-width: 360px) {
	.agrandir-loc {
		font-size: 2em;
  		bottom: 41px;		
	}
}

@media (min-width: 768px) {
	.agrandir-loc {
		font-size: 1.6em;
  		bottom: 34px;
	}
}


.page404 {

}

.page404 img {
	width: 100%;
	height: auto;
	max-width: 959px;
	margin: 130px auto;
	align-content: center;
	align-items: center;
	display: flex;
}


/* pages mentions légales & données personnelles */

.mentions-perso {
  /*font-size: 4.6em;*/
  font-family: 'mul';
  -webkit-text-fill-color: black;
  letter-spacing: -.6px;
}

@media (min-width: 360px) {
	.mentions-perso {font-size: calc(3.6em * .75 ); letter-spacing: -1.3px; font-weight: bold;}
}
@media (min-width: 480px) {
	.mentions-perso {font-size: calc(3.6em * .75); letter-spacing: -1.3px; font-weight: bold;}
}
@media (min-width: 576px) {
	.mentions-perso {font-size: calc(4.2em * .75); letter-spacing: -1.3px;  font-weight: normal;}
}
@media (min-width: 768px) {
	.mentions-perso {font-size: calc(4.6em * .75); letter-spacing: -2.2px;}
}
@media (min-width: 992px) {
	.mentions-perso {font-size: calc(5em * .75); letter-spacing: -2.2px;}
}
@media (min-width: 1200px) {
	.mentions-perso {font-size: calc(5.7em * .75); letter-spacing: -2.6px;}
}
@media (min-width: 1400px) {
	.mentions-perso {font-size: calc(5.9em * .75); letter-spacing: -2.35px;}
}


/*Nouveaux boutons*/

.bouton {
text-align: center;
  display: block;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  background: #fd3a04;
  color: #fffcf3;  
  font-family: 'extraheavy';
  vertical-align: middle;
  border-radius: 18px;
  clear: both;
  font-size: 2em;
  /*text-transform: uppercase;*/
  margin: 80px auto;
  transition: .2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s; 
	text-shadow: none;  
}

@media (min-width: 1em) {
	.bouton {
	  border: 3px solid #fd3a04;
	  padding: 4px 0;
	}

	.bouton:hover {
	  border: 3px solid #fd3a04;
	  padding: 4px 0;
	  background: #fd3a04;
	  color: #fffcf3;
	  scale: unset;  
	}	

	.bouton::before {	
	  display: none;
	}

	.bouton:active {
		box-shadow: unset;
		-moz-box-shadow: unset;
		-webkit-box-shadow: unset;
		background: #fffcf3;
		color: #fd3a04;
		border: 3px solid #fd3a04;
	   transition: .2s;
	  -webkit-transition: 0.2s;
	  -moz-transition: 0.2s;
	  -ms-transition: 0.2s;
	  -o-transition: 0.2s;    
	}
}

@media (min-width: 768px) {
	.bouton {
	  border: unset;
	  padding: 10px 0;
	}

	.bouton:hover {
	  border: unset;
	  padding: 10px 0;		
	  background: #fd3a04;
	  color: #fffcf3;
	  scale: 1.05;  
	  transition: .2s;
	  -webkit-transition: 0.2s;
	  -moz-transition: 0.2s;
	  -ms-transition: 0.2s;
	  -o-transition: 0.2s;    
	}

	.bouton::before {
	  content: "";
	  position: absolute;
	  height: 200px;
	  width: 50px;
	  background: #fffcf3;
	  background: linear-gradient(-90deg,#fd3a04, #fffcf3, #fd3a04);
	  left: -71px;
	  top: -50px;
	  transform: rotate(45deg);
	  transition: all .3s;
		-webkit-transition: all .3s;
		-moz-transition: all .3s;
		-ms-transition: all .3s;
		-o-transition: all .3s;
	  opacity: 1;
	  display: block;
	}

	.bouton:active {
		box-shadow: 0 0 200px #fd3a04;
		-moz-box-shadow: 0 0 200px #fd3a04;
		-webkit-box-shadow: 0 0 200px #fd3a04;
		background: #fd3a04;
		color: #fffcf3;		
		border: unset;		
	   transition: .2s;
	  -webkit-transition: 0.2s;
	  -moz-transition: 0.2s;
	  -ms-transition: 0.2s;
	  -o-transition: 0.2s;
	}
}


.bouton:hover::before {
  left:101%;
}

.bouton:active::before{
  /*background: unset;*/
}

.bouton-icon {
  font-family: oliviajregular;
  font-size: 196%;
  position: absolute;
  left: 13px;
}

@media (min-width: 1em) {
	.bouton-icon {  top: 1%;}
}

@media (min-width: 768px) {
	.bouton-icon {  top: 7%;}
}

.bouton-txt {
padding-left: 42px;
  position: absolute;
  right: 50%;
  transform: translate(50%,11%);
  width: 80%;
  text-transform: uppercase;
}

.bouton-txt1, .bouton-txt2 {font-family: 'extraheavy';}

.bouton-txt2 {
display: block;
  font-size: .57em;
  line-height: 7px;
}


@media (min-width: 1em) {
	.bouton-small {
	  width: 100%;
  	  height: 77px;
	}
	.bouton-large {
	  width: 100%;	
	  height: 77px;	  
	}
}

@media (min-width: 768px) {
	.bouton-small {
	  width: 288px;
	  height: 77px;
	}

	.bouton-large {
	  width: 345px;
	  height: 77px;
	}
}



/*bouton 1 "Participer à un cours d'essai"*/
.bouton-1 {letter-spacing: 0.8px;}
.bouton-1 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 1*/

/*bouton 2 "Essayer un cours de yoga"*/
.bouton-2 {letter-spacing: 7px;}
.bouton-2 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 2*/

/*bouton 3 "J'essaie un cours de yoga"*/
.bouton-3 {letter-spacing: 1px;}
.bouton-3 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 3*/

/*bouton 4 "Inscription aux cours de yoga !"*/
.bouton-4 {letter-spacing: 1px;}
.bouton-4 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 4*/

/*bouton 5 "Inscription aux cours de yoga !"*/
.bouton-5 {letter-spacing: 1px;}
.bouton-5 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 5*/

/*bouton 6 "C'est parti ! J'essaie un cours' "*/
.bouton-6 {letter-spacing: .8px;}
.bouton-6 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 6*/

/*bouton 7 "Inscription à l'atelier yoga "*/
.bouton-7 {letter-spacing: .8px;}
.bouton-7 .bouton-txt2 {letter-spacing: 2.3px;}
/*fin bouton 7*/

/*bouton 8 "Je m'inscris à l'atelier yoga "*/
.bouton-8 {letter-spacing: .2px;}
.bouton-8 .bouton-txt2 {letter-spacing: 2.3px;}
/*fin bouton 8*/

/*bouton 9 "Je réserve un cours particulier"*/
.bouton-9 {letter-spacing: 1px;}
.bouton-9 .bouton-txt2 {letter-spacing: 0.2px;}
/*fin bouton 9*/

/*bouton 10 "Infos & Réservation"*/
.bouton-10 {letter-spacing: 1.5px;}
.bouton-10 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 10*/

/*bouton 11 "Je réserve un evjf"*/
.bouton-11 {letter-spacing: -.2px;}
.bouton-11 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 11*/

/*bouton 12 "Réservation anniversaire de mariage*/
.bouton-12 {letter-spacing: 0;}
.bouton-12 .bouton-txt2 {letter-spacing: 0;}
/*fin bouton 12*/

/*bouton 13 "Réservation célébration de couple*/
.bouton-13 {letter-spacing: 0;}
.bouton-13 .bouton-txt2 {letter-spacing: 0;}
/*fin bouton 13*/

/*bouton 14 "Commander une carte-cadeau*/
.bouton-14 {letter-spacing: 0;}
.bouton-14 .bouton-txt2 {letter-spacing: .6px;}
/*fin bouton 14*/

/*bouton 15 "Offrir une carte-cadeau*/
.bouton-15 {letter-spacing: 1.2px;}
.bouton-15 .bouton-txt2 {letter-spacing: .6px;}
/*fin bouton 15*/

/*bouton 16 "Je commande une carte-cadeau*/
.bouton-16 {letter-spacing: 0;}
.bouton-16 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 16*/

/*bouton 17 "Découvrir l'atelier yoga*/
.bouton-17 {letter-spacing: 1px;}
.bouton-17 .bouton-txt2 {letter-spacing: 1px;}
/*fin bouton 17*/



/*fin nouveaux boutons*/



/* Correction bug tiny editor */
br[data-mce-bogus="1"] {
  display:none;
}



/* page yoga avec olivia */
/* slider témoignages */
:root{
  --carousel-max-width: 100%;
  --carousel-width: 100%;
  --carousel-transition-duration: 0.6s;
  --arrow-size: 2.2rem;
  --arrow-bg: #fff9e8;
  --arrow-bg: red;
  --arrow-color: #fd3a04;
  --arrow-color-hover: #008846;
  --slide-padding: 1.5rem;
  --slide-font-size: clamp(1rem, 2.8vw, 1.6rem);
  --slide-line-height: 1.3;
  --arrow-font-family: 'oliviajregular';
}

#text-carousel {
/*  overflow: hidden;*/
  border-radius: 40px;
  border: 2px dashed #008846;
}
@media (min-width: 1em){
	#text-carousel {
	height: 350px;
	overflow-y: scroll;
	}
}
@media (min-width: 768px){
	#text-carousel {
	height: auto;
	  overflow: hidden;
	  margin: 0 0 50px 0;
	}
}

#text-carousel .carousel-wrap {
  width:var(--carousel-width);
  max-width:var(--carousel-max-width);
  display:flex;
  align-items:center;
  justify-content:center;
  margin: 0 auto;
}

#text-carousel .text-carousel {
  position: relative;
  background: #fff9e8;
}
@media (min-width: 1em) {
	#text-carousel .text-carousel {padding: 10px;}
}
@media (min-width: 768px) {
	#text-carousel .text-carousel {padding: 0;}
}


#text-carousel .carousel-inner {
  display:flex;
  width:100%;
  transition: transform var(--carousel-transition-duration) ease;
  	  -webkit-transition: transform var(--carousel-transition-duration) ease;
	  -moz-transition: transform var(--carousel-transition-duration) ease;
	  -ms-transition: transform var(--carousel-transition-duration) ease;
	  -o-transition: transform var(--carousel-transition-duration) ease;
  will-change: transform;
}



@media (min-width: 1em){
	#text-carousel .carousel-inner {
		flex-direction:column;
		transform: unset;
	}
}
@media (min-width: 768px){
	#text-carousel .carousel-inner {
		flex-direction:inherit;
  		transform: translateX(calc(var(--current-index, 0) * -100%));
	}

}


#text-carousel .slide {
  flex:0 0 100%;
  box-sizing:border-box;
  /*padding:var(--slide-padding);*/
	padding-top: 0;  
  min-height:120px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:var(--slide-font-size);
  line-height:var(--slide-line-height);
  color:#111;
  word-break:break-word;
  flex-direction: column;
	height: 500px;
    overflow: auto;  
}


#text-carousel .slide p {
  font-family: 'helmsley';
}

@media (min-width: 1em) {
	#text-carousel .slide p {
  		width: 95%;
  		font-size: x-large;

  	}
}

@media (min-width: 768px) {
	#text-carousel .slide p {
  		width: 75%;
  	font-size: calc(1em + .3em);
  	}
}


#text-carousel .prenom {
text-align: center;
  margin: 0 0 9px 0;
  padding: 4px 20px;
  background: green;
  width: fit-content !important;
  color: white;
  text-shadow: unset;
  border-radius: 14px;
}

#text-carousel .arrow {
	position: absolute;
  top: 50%;
  transform: translateY(-50%);
  border: 0;
  color: var(--arrow-color);
  width: 3.4rem;
  height: 3.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  transition: background .18s, transform .12s;
	-webkit-transition: background .18s, transform .12s;
	-moz-transition: background .18s, transform .12s;
	-ms-transition: background .18s, transform .12s;
	-o-transition: background .18s, transform .12s;
  z-index: 4;
  background: transparent;
	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}
#text-carousel .arrow:hover {
color: var(--arrow-color-hover);
	transition:0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}



#text-carousel .arrow:active{ transform:translateY(-50%) scale(.98); }
#text-carousel .arrow:focus{ outline:3px solid rgba(0,120,255,0.18); }
#text-carousel .arrow.prev{ left:0.6rem; }
#text-carousel .arrow.next{ right:0.6rem; }
#text-carousel .arrow .glyph{
  font-family: var(--arrow-font-family);
  font-size: var(--arrow-size);
  line-height:1;
  pointer-events:none;
  user-select:none;
  font-size: 5em;
}

@media (min-width: 1em) {
	#text-carousel .arrow.prev,
	#text-carousel .arrow.next {
		display: none;
	}
}
@media (min-width: 768px) {
	#text-carousel .arrow.prev,
	#text-carousel .arrow.next {
		display: inherit;
	}
}



#text-carousel .visually-hidden{
  position:absolute!important;
  height:1px;width:1px;
  overflow:hidden;
  clip:rect(1px,1px,1px,1px);
  white-space:nowrap;
}

#text-carousel .fade-left, 
#text-carousel .fade-right {
  position: absolute;
  width: 80px;
  height: 100%;
  z-index: 1;
}
#text-carousel .fade-left {
  left: 0;	
  background-color : #fff9e8;
}
#text-carousel .fade-right {
  right: 0;	
  background-color : #fff9e8;
}
@media (min-width: 1em) {
	#text-carousel .fade-left,
	#text-carousel .fade-right {
		display: none;
	}
}
@media (min-width: 768px) {
	#text-carousel .fade-left,
	#text-carousel .fade-right {
		display: inherit;
	}
}


/*(hack)*/
.carousel-inner {overflow: unset;}
#text-carousel .arrow:focus {outline: none}

@media (max-width:520px){
  #text-carousel .arrow{ width:2.6rem; height:2.6rem; }
  #text-carousel .arrow .glyph{ font-size:1.6rem; }
  :root{ --slide-padding:1rem; }
}


/*le petit pause qui va bien en hover*/
#text-carousel .text-carousel:hover::before {
  content: "▐▐";
  color: #b2adad66;
  left: 48%;
  position: absolute;
  font-size: 40px;
  }

@media (min-width: 1em) {
	#text-carousel .text-carousel:hover::before {
		display: none;
	}
}
@media (min-width: 768px) {
	#text-carousel .text-carousel:hover::before {
		display: inherit;
	}
}

/* menu cours de yoga villes */

/* suppression des puces */
#menu-cours-yoga-villes li::before {
  content: unset;
}

/* de l'espace entre les itmes */
#menu-cours-yoga-villes li {
  margin-left: 11px;
}

/* deco des liens */
#menu-cours-yoga-villes li a {
	text-decoration: none;
	color: #99826f;
	padding: 4px 11px;
	border: solid 2px;
	border-radius: 17px
}

#menu-cours-yoga-villes li.active a, #menu-cours-yoga-villes li.active a:hover {
  color: #c3bcb7;
  cursor: default;
}

#menu-cours-yoga-villes li {
  margin-left: 11px;
}


#menu-cours-yoga-villes li a:hover {
	color: #fd3a04;
}

@media (min-width: 1em){
	/* alignement hory */
	#menu-cours-yoga-villes {
	  flex-direction: column;
	  margin-bottom: 80px;
	}
}

@media (min-width: 576px){
	/* alignement verti */
	#menu-cours-yoga-villes li.active a, #menu-cours-yoga-villes li.active a:hover {
	display: none;
	}
}

@media (min-width: 768px){
	#menu-cours-yoga-villes li.active a, #menu-cours-yoga-villes li.active a:hover {
	display: initial;
	}
	#menu-cours-yoga-villes {
	  flex-direction: row;	
	  margin-bottom: 80px;	  	  
	}	
}

/* fin menu cours de yoga villes */

/* menu ville celebration (images) */


#menu-ville-mariage li,
#menu-ville-couple li {
	position: relative;
  	display: inline-block;
}


#menu-ville-mariage img,
#menu-ville-couple img {
  width: 188px;
  height: 192px;
  border-radius: 18px;
  	transition: .1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;
}

#menu-ville-mariage img:hover,
#menu-ville-couple img:hover {
	opacity: 0.7;
	transition: .2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

#menu-ville-mariage .image-title,
#menu-ville-couple .image-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.6em;
  padding: 0 10px 2px 10px;
  background: #fffcf3;
  border: 2px solid #fd3a04;
  border-radius: 17px;
  font-family: 'mulbold';
  width: max-content;
  text-shadow: none;
}



@media (min-width:1em) {
  #menu-ville-mariage, 
  #menu-ville-couple {
    display: flex;
    flex-flow: wrap;
    width: 100%;
  }

  #menu-ville-mariage li,
  #menu-ville-couple li {
    margin: 0 auto;
    padding: 3%;
  }
}

@media (min-width:576px) {
	#menu-ville-mariage,
	#menu-ville-couple {
	  display: unset;
	}

	#menu-ville-mariage li,
	#menu-ville-couple li {
	  	margin: 5px;
	  	padding: 0;
	}	
}


/* fin menu ville celebration (images) */

/*page celebrations de couple */

/* menu images */
#menu-celebrations-couple {
	display: unset;
}

#menu-celebrations-couple li {
	float: left;
	padding: 5px;
	position: relative;
}

#menu-celebrations-couple img {
	border: 3px solid #f76e26;
	width: 100%;
  	max-width: 599px;
  	max-height: 464px;
  	height: 100%;
  	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;	  	
}

#menu-celebrations-couple .image-title {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  padding: 0 10px 2px 10px;
  background: #fd3a04;
  border: 2px solid #fd3a04;
  color: #fffcf3;
  border-radius: 17px;
  font-family: 'mul';
  width: max-content;
  text-shadow: none;
  	transition: 0.1s;
	-webkit-transition: 0.1s;
	-moz-transition: 0.1s;
	-ms-transition: 0.1s;
	-o-transition: 0.1s;	  
}

#menu-celebrations-couple img:hover {
	opacity: 0.7;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;	
}

#menu-celebrations-couple li:hover .image-title {
	background-color: #fffcf3;
	color: #fd3a04;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}



@media (min-width: 1em) {
	#menu-celebrations-couple li {
		width: 100%;
	}
	#menu-celebrations-couple {
			display: flex;
			text-align: center;
	}
	#menu-celebrations-couple .image-title {
		font-size: 1.8em;
	}
}

@media (min-width: 400px) {
	#menu-celebrations-couple .image-title {
		font-size: 2.4em;
	}	
}

@media (min-width: 814px) {
	#menu-celebrations-couple li {
		width: 50%;
	}
	#menu-celebrations-couple {
		display: unset;
	}
}


/*note : utilisée sur anniversaire de mariage sur <img>, à suivre*/
.img-responsive {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 auto;
}

/**/

/*arguments*/

.arguments-x3 {
	border: 3px solid #63bc48;
	padding: 20px 0;
	background-image: url(../../../images/celebrationcouple/rose-corner.webp);
	background-repeat: no-repeat;
	background-position: top left;
	text-align: center;
}

.arguments-x3 .title-line-2 {
	font-family: 'mulbold';
	color: #63bc48;
	-webkit-text-fill-color: #63bc48;
}


.arguments-x3 ul {
  display: flex;
  flex-wrap: wrap;
	margin-top: 20px;  
}

.arguments-x3 li {
	text-align: center;
	list-style: none;
	flex: 1;
}

.arguments-x3 p {
	margin: 0;
}

.arguments-x3 p:first-child {
	font-family: oliviajregular;
	color: #63bc48;
	font-size: 4.2em;
}

.arguments-x3 strong {
	font-family: 'mulbold';
	font-weight: bold;
}

@media (min-width: 1em) {
	.arguments-x3 ul {
	  flex-direction: column;
	}
	.arguments-x3 {
		background-size: 70px;
	}	
}

@media (min-width: 768px) {
	.arguments-x3 ul {
	  flex-direction: row;
	}
.arguments-x3 {
		background-size: 124px;
	}	
}


.title-line-2.h2-evenements {
	margin: -10px 0 0 0;
    letter-spacing: -2.2px;
    color: #63bc48;
    -webkit-text-fill-color: #63bc48;
    font-family: 'mulbold';
}



/*accordeon noces */
:root {
	--accordion-noce-width: 516px;
	--accordion-noce-width-mobile: 50%;
}

@media (min-width: 1em) {
    .accordion-noces {
      width: 100%;
    }
}

@media (min-width: 992px) {
    .accordion-noces {
      width: 95.6%;
    }
}

.accordion-item-noces {
  background: none;
  border: none;
  font-weight: normal;
  margin: 0 auto;  
  user-select: none;
}
.accordion-item-noces:last-of-type {border-radius: 0; }

.accordion-item-noces p {
	text-shadow: none;
	font-family: mulbold;
    margin: 0;
	position: relative;    
	width: 100%;
}


.accordion-header-noces {
  display: flex;
  justify-content: center; /* Espace entre le titre et l'icône */
  align-items: center;
  background-color: #f1f1f1;
  padding: 10px;
  cursor: pointer;
}

.accordion-header-noces-color1 {
	background-color: #ebf3dd; 
	border-radius: 12px; 
	transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;
	margin: 0 auto;
}
.accordion-header-noces-color1:hover, 
.accordion-header-noces-color1:active {
	background-color: #d0e9bf;
}

.accordion-header-noces-color2 {
	background-color: #63bc48; 
	border-radius: 12px; 
	transition: .11s;-webkit-transition: .11s; -moz-transition: .11s; -ms-transition: .11s; -o-transition: .11s;
	width: 100%;	
	margin: 0 auto;	
}
.accordion-header-noces-color2:hover,
.accordion-header-noces-color2:active {
	background-color: #57a73f;
}

.accordion-content-noces {
  max-height: 0; 
  overflow: hidden; 
  transition: max-height 0.3s ease;
	-webkit-transition: max-height 0.3s ease;
	-moz-transition: max-height 0.3s ease;
	-ms-transition: max-height 0.3s ease;
	-o-transition: max-height 0.3s ease;
	text-align: center;
	margin: 0 auto;
}

.accordion-content-noces p {
	font-family: 'mul';
}

/*??*/
.accordion-map-noces {
  height: 400px; 
  background-color: #eaeaea;
}

.accordion-icon-noces {
	font-weight: bold;
	font-size: 1em;
	color: #008846;
	position: absolute;
}

.accordion-header-noces span {font-family: oliviajregular;}

.accordion-content-noces p {
	color: #211c18;
  	width: 100%;
  	margin: 0 auto;
	padding: 10px;
	display: flex;
}
.bg-1 {background: #ebf3dd;}	
.bg-2 {background: #63bc48;}

.accordion-content-noces p:first-child {
	border-radius: 12px 12px 0 0;
}

.accordion-content-noces p:last-child {
	border-radius: 0 0 12px 12px;
}


.nom-noce span {
	color: #211c18;	
	font-family: 'mul';
}


.nom-noce.color-2 span span{
	color: #fffcf3;
}

.nom-noce.color-1 span span { 
	color: #008846;
}


.accordion-header-noces .nom-noce, .accordion-header-noces .annee-noce {
	font-family: 'mul';
}


.accordion-header-noces .annee-noce {
  width: 44.3%;
  display: inline-block;
  text-align: right;
  padding-right: 11px;  
}

.annee-noce.color-1, .nom-noce.color-1 {
  color: #008846;
}

.annee-noce.color-2, .nom-noce.color-2 {
  color: #fffcf3;
}

.accordion-header-noces .nom-noce {
  width: 55%;
  width: auto;
  display: inline-block;
  text-align: left;
}

.accordion-content-noces .annee-noce {
  width: 44.4%;
  display: inline-block;
  text-align: right;
	padding-right: 11px;  
}

.accordion-content-noces .nom-noce {
  width: 55%;
  width: auto;
  display: inline-block;
  text-align: left;
}

@media (min-width: 1em) {
	.accordion-header-noces-color1,
	.accordion-header-noces-color2 {
		width: 100%;
		height: 80px;
	}
	.accordion-header-noces .show-hide {
		display: none; 
		font-family: 'mul';
	}
	.accordion-icon-noces {
		left: 0; 
		right: unset;
	}
	.accordion-content-noces .nom-noce {
		width:55%;
	}	
	.accordion-item-noces {
		width: 100%;
	}
	.nom-noce span {
		font-size: .65em;
	}
	.nom-noce span span {
	  font-size: x-large;
	}
	.accordion-item-noces p	 {
		font-size: 1.8em;
	}
}

@media (min-width: 370px) {
		.accordion-item-noces p	 {
		font-size: x-large;
	}
}

@media (min-width: 500px) {
	.nom-noce span {
		font-size: unset;
	}
	.nom-noce span span {
	  /*font-size: unset;*/
	}
}

@media (min-width: 530px){
	.accordion-header-noces-color1,
	.accordion-header-noces-color2 {
		width: 100%;
		height: auto;
	}
	.accordion-header-noces .show-hide {
		display: inherit;
	}
	.accordion-icon-noces {
		right: 0; 
		left: unset;
	}
	.accordion-content-noces .nom-noce {
		width: 55%;
	}
	.accordion-item-noces {
		width: var(--accordion-noce-width);
	}
}



/* fin accordéon noces */


/* menu article anniv mariage */

#menu-articles-anniv-mariage {
  flex-wrap: wrap;
  flex-direction: row;
  justify-content: center;
}


#menu-articles-anniv-mariage a {
	text-decoration: none;
}

#menu-articles-anniv-mariage li {
  text-align: center;
  width: 333px;
  height: 259px;
  margin: 20px 20px 70px 20px;
}

#menu-articles-anniv-mariage img {
  width: auto;
  max-height: 518px;
  height: 259px;
  border-radius: 18px;
  transition: 0.1s;
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;  
}

#menu-articles-anniv-mariage img:hover {
	opacity: 0.7;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;	
}


#menu-articles-anniv-mariage .image-title {
  display: block;
  text-align: center;
  color: #211c18;
  font-size: 2em;
  line-height: 27px;  
  margin: 0 auto;  
}


/* menu simple villes anniversaire de mariage */

#menu-simple-anniv-mariage {
    flex-direction: row;
    flex-wrap: wrap;
  }


/* suppression des puces */
#menu-simple-anniv-mariage li::before {
  content: unset;
}

/* de l'espace entre les itmes */
#menu-simple-anniv-mariage li {
  margin-left: 11px;
}

/* deco des liens */
#menu-simple-anniv-mariage li a {
	text-decoration: none;
	color: #99826f;
	padding: 4px 11px;
	border: solid 2px;
	border-radius: 17px
}

#menu-simple-anniv-mariage li.active a, #menu-simple-anniv-mariage li.active a:hover {
  color: #c3bcb7;
  cursor: default;
}

#menu-simple-anniv-mariage li {
  margin-left: 11px;
}


#menu-simple-anniv-mariage li a:hover {
	color: #fd3a04;
}


@media (min-width: 576px){
	#menu-simple-anniv-mariage li.active a, #menu-simple-anniv-mariage li.active a:hover {
	display: none;
	}
}

@media (min-width: 768px){
	#menu-simple-anniv-mariage li.active a, #menu-simple-anniv-mariage li.active a:hover {
	display: initial;
	}
}

/* fin menu simple villes anniversaire de mariage */

.margin-top-20 {
	margin-top: 20px;
	display: block;
}

.margin-top-40 {
	margin-top: 40px;
	display: block;
}

.margin-top-80 {
	margin-top: 80px;
	display: block;
}

.margin-bottom-20 {
	margin-bottom: 20px;
	display: block;	
}

.margin-bottom-40 {
	margin-bottom: 40px;
	display: block;	
}

.margin-bottom-80 {
	margin-bottom: 40px;
	display: block;	
}