/*** root */ /* PAGES ANNEXES*/
:root {
	--vert: #63bc48;
	--vertfonce: #008846;
	--orange: #f76e26;
	--orangevif: #fd3a04;
	--blanc: #fffcf3;
	--noir: #211c18;
}

.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;
	text-shadow:1px 1px 1px #fffcf3;
	color: #211c18;
	padding-top: 0 !important;
	}

@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) {}

h1 {
	font-family:'noto_sanscondensed_bold'; 
	margin:0; 
	text-transform:uppercase; 
	letter-spacing:-0.20vw; 
	color: #63bc48;
	font-weight:bold;
	}
h1 span {
	font-family:'noto_sanscondensed'; 
	margin:-52px 0 0 38px;
	text-transform:none; 
	letter-spacing:0;
	color:#211c18;
	display: block;
	}  
@media (min-width: 1em) {
	h1 {font-size: 1.6em;margin-bottom: 31px; margin-top:20px;}
	h1 span {margin:-6px 0 0 20px;}
}
@media (min-width: 360px) {
	h1 {font-size: 2.4em;}
	h1 span {margin: -13px 0 0 26px;line-height: .9em;}
}
@media (min-width: 480px) {
	h1 {font-size:2.8em;}
	h1 span {margin:-11px 0 0 31px;}
}
@media (min-width: 576px) {
	h1 {font-size:3.4em	}
	h1 span {margin:-16px 0 0 38px;}
}
@media (min-width: 768px) {
	h1 {font-size: 3.8em; }
	h1 span {margin:-20px 0 0 42px;}
}
@media (min-width: 992px) {
	h1 {font-size:4.2em;}
	h1 span {margin:-23px 0 0 44px; width: 90%;}
}
@media (min-width: 1200px) {
	h1 {font-size:5em;}
	h1 span {margin:-27px 0 0 52px; width: 100%;}
}
@media (min-width: 1400px) {
	h1 {font-size: 7em;}
	h1 span {margin:-36px 0 0 52px}
}


h2 {
	font-family:'noto_sanscondensed_bold'; 
	margin:0; 
	padding:0; 
	text-transform:uppercase; 
	letter-spacing:0;
	color: #63bc48;
	font-weight:bold;
	letter-spacing: -0.15vw;
	}
h2 span {
	font-family:'noto_sanscondensed'; 
	text-transform:none; 
	letter-spacing:0;
	color:#211c18;
	display: block;
	margin:-40px 0 0 38px;
	}
@media (min-width: 1em) {
	h2 {font-size:1.3em; margin-top:40px;  margin-bottom: 11px;}
	h2 span {margin: -6px 0 0 17px;	}
}
@media (min-width: 360px) {
	h2 {font-size:1.8em;}
	h2 span {margin: -9px 0 0 17px;}
}
@media (min-width: 480px) {
	h2 {font-size:2.2em;}
	h2 span {margin: -14px 0 0 17px;}
}
@media (min-width: 768px) {
	h2 {font-size:3em;}
	h2 span {margin: -19px 0 0 17px;}
}
@media (min-width: 992px) {
	h2 {font-size:3.6em;}
	h2 span {margin: -24px 0 0 52px;}
}
@media (min-width: 1200px) {
	h2 {font-size:4em;}
	h2 span {margin: -28px 0 0 52px; width: 100%;}
}
@media (min-width: 1400px) {
	h2 {font-size:5.4em;}
	h2 span {margin:-38px 0 0 38px;}
}


h3 {
	text-transform: uppercase;
	font-family:'noto_sanscondensed_bold';
	margin:40px 0 20px 0;
	letter-spacing:0;
	color: #63bc48;
	font-weight:bold;
	}
@media (min-width: 1em) {
	h3 {font-size:1.2em;}
}
@media (min-width: 360px) {
	h3 {font-size:1.4em;}
}
@media (min-width: 480px) {
	h3 {font-size:1.8em;}
}
@media (min-width: 768px) {
	h3 {font-size:2.8em;}
}
@media (min-width: 992px) {
	h3 {font-size:3.2em;}
}
@media (min-width: 1200px) {
	h3 {font-size:3.8em;}
}
@media (min-width: 1400px) {
}



p, td {
	font-family:'noto_sanscondensed'; 
	margin:0;
	letter-spacing:0;
	}
@media (min-width: 1em) {
	p, td {font-size:1.2em; margin-bottom:11px;}
}
@media (min-width: 360px) {
	p, td {font-size:2em;line-height: 1.4em;}
}
@media (min-width: 480px) {
	p, td {margin-bottom:11px;}
}
@media (min-width: 768px) {
	p, td {font-size: 2.8em;margin-bottom: 31px}
}
@media (min-width: 992px) {
	p, td {font-size: 3em;}
}
@media (min-width: 1200px) {
	p, td {font-size: 3em;line-height: 1.4em;}
}

.cktext li {
	font-family: 'noto_sanscondensed';
	color:#514d4a;
	list-style:none;
	}
.cktext li::before {
    content: "•";
    color: #fd3a04;
    margin-right: 11px;
	}
@media (min-width: 1em) {
	.cktext li {font-size:1.2em;}
}
@media (min-width: 360px) {
	.cktext li {font-size:2em;}
}
@media (min-width: 768px) {
	.cktext li {font-size: 2.8em;}
}
@media (min-width: 992px) {
	.cktext li {font-size: 3em;}
}
@media (min-width: 1200px) {
	.cktext li {font-size: 3em;}
}

strong {
	font-family:'noto_sanscondensed_bold';
	font-weight:initial;
	}

.clear{
	clear: both;
	}
	
small {
	font-size:75%;
	}
	
	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 {
	text-transform: uppercase;
	font-family:'oliviajregular';
	margin:40px 0 20px 0;
	letter-spacing:0;
	color: #63bc48;
	}
	
.numeration span {
    font-family: 'noto_sanscondensed_bold';
    margin: 0px 0 0 16px;
    position: absolute;
	}

/* 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 */

.punchline {
	font-family:'helmsleyregular';
	}

/* 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;
	}
/**/
/* 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 */


/*** Menu */
.navbar {
	margin-top: 70px;
	}
.navbar > .container-fluid {
	position:fixed; 
	top:0;
	background-color:#63bc48;
	height: 70px;
	z-index: 5;
	} 

.navbar-expand-lg .navbar-collapse {
    display: contents !important;
    flex-basis: auto;
    position: relative;
    right: 0;
    text-align: right;
    width: 630px;
	}

div#maximenuck110 {
	font-family:'menufontsabinejbold';
	}
.glyphes_menu {
	font-family:'oliviajregular';
	}

div#maximenuck110 span.titreck {
	font-size:2.5em;
	text-transform:uppercase;
	}
div#maximenuck110 ul.maximenuck li.maximenuck.level1 {
	padding:0 20px
	}

ul.maximenuck li {
	}
	
/* Dimension bloc sous-menu */
div#maximenuck110 div.maxidrop-main {
	width:360px;
	}

/* Déco bloc sous-menu */
div#maximenuck110 div.floatck {
	background:#63bc48;
	border:none;
    box-shadow: 0px 2px 11px white;
	}

/* Dimension fonts sous-menu */
div#maximenuck110 ul.maximenuck li div.floatck ul.maximenuck2, div#maximenuck110 ul.maximenuck2, div#maximenuck110 div.floatck {
	font-size:90%;
	}

/* Couleur liens sous-menu actifs */
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li.active > a,  div#maximenuck110 ul.maximenuck2 li.active > a {
	/*color:red;*/
	color:#fffcf3;
	}

/* Couleur liens sous-menu */
div#maximenuck110 ul.maximenuck li.maximenuck a, div#maximenuck110 ul.maximenuck2 a {
	/*color:yellow;*/
	color:#fffcf3;
	}

/* Couleur liens sous-menu hover */
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li:hover > a, div#maximenuck110 ul.maximenuck2 li:hover > a {
	/*color:blue;*/
	color:#fffcf3;
	}

div#maximenuck110 ul.maximenuck li.maximenuck a, div#maximenuck110 ul.maximenuck li.maximenuck span.separator, div#maximenuck110 ul.maximenuck2 a, div#maximenuck110 ul.maximenuck2 li.maximenuck span.separator {
	border-bottom: none;
}

div#maximenuck110 ul.maximenuck li ul.maximenuck2 li.maximenuck, div#maximenuck110 ul.maximenuck2 li.maximenuck {
	margin: 20px 9px;
}

div#maximenuck110 ul.maximenuck {
	background-color:transparent
	}
div#maximenuck110.maximenuckh ul.maximenuck {
	background:none; 
	padding: 9px 40px 0 0;
	}
/*couleur des liens*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck110 ul.maximenuck li.maximenuck.level1 > span.separator {
	color:#fffcf3;
	}
/*couleur des liens hover*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > a span.titreck,  div#maximenuck110 ul.maximenuck li.maximenuck.level1:hover > span.separator, div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > span.separator {
	color:#fffcf3;
	}
/* Déco des liens actifs*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a span.titreck {}
div#maximenuck110 ul.maximenuck li.maximenuck.level1.active > a span.titreck::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 3px;
  background: #f76e26;
  transform: scaleX(1);
  transform-origin: center;  
  transition: transform 0.2s;-webkit-transition: transform 0.2s;-moz-transition: transform transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;
	}
	
/*déco des liens actifs -> hover*/

	
/*rapprochement des li contacts tel et mail via l'item du mail*/
.maximenuck.item126.level1 {
	padding:0 !important;
	}


/*Animation hover -> underline*/
div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a::after,
div#maximenuck110 ul.maximenuck li.maximenuck a span.titreck::after {
  position: absolute;
  content: "";
  width: 100%;
  height: 3px;
  top: 100%;
  left: 3px;
  background: #f76e26;
  transform: scaleX(0);
  transform-origin: center;  
   transition: transform 0.2s;-webkit-transition: transform 0.2s;-moz-transition: transform transform 0.2s;-ms-transition: transform 0.2s;-o-transition: transform 0.2s;
	}

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a:hover::after {
  transform: scaleX(1);
  transform-origin: center;
	}
/* Fin Animation hover -> underline */


/*** MOBILE */
#maximenuck110-mobile {
    font-family: menufontsabinejbold;

	/*à 2, conserve le bouton toggle au dessus de la X pour fermer le sous-menu déroulant suremment en dessous de 100000*/
	/*z-index:2 !important;*/
	}

/* Suppression du nom de la page dans le menu */
[data-id="maximenuck110"] .mobilemenuck-bar-title {
	display:none;
	}

/* Déco du bouton mobile */
[data-id="maximenuck110"] .mobilemenuck-bar-button {
    background: #63bc48;
    height: 70px;
    width: 70px;
    color: #FFFFFF;
    padding-top: 0;
    font-size: 5.4em;
    margin-right: 30px;
	text-shadow: none;
	}

/* Déco boite mobile */
[data-id="maximenuck110"] .mobilemenuck-title,
[data-id="maximenuck110"] .mobilemenuck-item > .level1,
[data-id="maximenuck110"].mobilemenuck {
	background: #63bc48;
	}

/* Déco police mobile */
[data-id="maximenuck110"].mobilemenuck a {
    color: #FFFFFF;
    font-weight: initial;
    font-size: 2em;
    text-decoration: none;
    text-transform: uppercase;
    text-shadow: none;
	margin: 20px 0;
	}
[data-id="maximenuck110"] .mobilemenuck-button {
	text-shadow: none;
	font-size: 3em;
	width: 70px;
	height: 70px;
	margin-right: 30px;
	padding: 9px;
	}
	
/* menu 2e niveau */	
[data-id="maximenuck110"] .mobilemenuck-item > .level2 {
	background: #63BC48;
	padding-left: 15px;
	}
[data-id="maximenuck110"] .mobilemenuck-item > .level2 a {
		color:white;
	}
	
.maximenuck2 * .level2 a:hover {
  text-decoration: underline !important;
  text-decoration-color: #fd3a04 !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .7em;
}

.menuck.maximenuck.item126.last.level1 {
  padding-left: 15px !important;
}



/* Fin Menu */

/*** 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*/

@media (min-width: 1px) {
	.container {
	  max-width: none;
	}
}

@media (min-width: 768px) {
	.container {
	  max-width: 960px;
	}
}

@media (min-width: 992px) {
	.container {
	  max-width: 950px;
	}
}

@media (min-width: 1200px) {
	.container {
	  max-width: 1120px;
	}
}

@media (min-width: 1400px) {
	.container {
	  max-width: 1240px;
	}
}


.avant a span, .apres a span {
	font-family: 'extra_heavy'; 
	position:relative; 
}

@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;}}
@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;
	}
	.avant a span, .apres a span {
		color:#fffcf3;
	}
	.avant a span {top:-0.5px}
	.apres a span {top:-2px}

	.apres a:active, .avant a:active {
	    background: #fffcf3;
	    color: #fd3a04;
	}
}

@media (min-width: 360px) {
	.avant a span {top:-1px}
	.apres a span {top:-1px}
}

@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;
	}
	.avant a {
	    left:0;
	    position: absolute;
	}
	.apres a {
	    right:0;
	    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;
	}
}
/**/

/*** 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: noto_sanscondensed_bold;
	}

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

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

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

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

.contactbloc1 .glyphes, .contactbloc2 .glyphes {
    margin-bottom: 11px;
    font-size: 50px;
    border: solid 1px;
    width: 71px;
    height: 71px;
    border-radius: 40px;
    padding: 35px 0 0 9px;
    margin: 0 37px 11px 11px;
    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: 24px;
	}
	
.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;
	font-family:'noto_sanscondensed';
	background:url(../images/bg-footer.jpg) no-repeat #fff;
	background-position: right bottom;
	}
	
.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 .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; 
	}	
	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:orangered;}
}
@media (min-width: 768px) {
	footer * a {text-shadow:1px 1px 1px #fffcf3;}
	footer * li a {text-align: left;font-size: 2.4em; }
	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 {font-size: 2.8em};
}
@media (min-width: 1400px) {}

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

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;
    text-align: center;
	width: 80px;
	height: 80px;
	padding-top: 4px;
	cursor:pointer;
}
footer .scrollUp p:hover {
	color: #63bc48;
	}

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



/* Icone Tel(127) & Email(128) */	
.navbar-nav {
	position:relative;
	}
.nav-link.item-127 a, 
.nav-link.item-128 a {
	font-family:'oliviajregular';
	}
.nav-link.item-127 a:hover, 
.nav-link.item-128 a:hover {
	text-decoration:none;
	color:#63bc48;
	}
.nav-link.item-127 a::after, 
.nav-link.item-128 a::after {
    position: absolute;
    font-size: 1em;
	left:50px;
	font-family:'noto_sanscondensed';
	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-127 a:hover::after, 
.nav-link.item-128 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 {display:none;}
	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover {color:#fffcf3;}
	.nav-link.item-127 a:active,
	.nav-link.item-128 a:active	{color:#fd3a04;}
}
@media (min-width: 768px) {
	.nav-link.item-127 a, 
	.nav-link.item-128 a {color:#63bc48;}
	.nav-link.item-127 a::after, 
	.nav-link.item-128 a::after {display:block;}
	.nav-link.item-127 a:hover,
	.nav-link.item-128 a:hover {color:#63bc48;}
	.nav-link.item-128 a::after {top:44px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	.nav-link.item-128 a::after {top:50px;}
}



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

.tarifs-mois {
  font-family: helmsleyregular;
  font-size: 5em;
  margin-bottom: 0;
  color: #f76e26;
}

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

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

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


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

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

.tarifs-couple {
    position: absolute;
    font-family: noto_sanscondensed_bold;
    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;
    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: 0 auto;
}


.tarifs a {
  text-decoration: none;
  background: #63bc48;
  padding: 6px 20px 3px 20px;
  border-radius: 10px;
  color: white;
  text-shadow: none;
  font-size: 1.3em;
  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: #63bc48;
  background: white;
  border: solid 2px #63bc48;
}

.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: noto_sanscondensed_bold;
  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: noto_sanscondensed_bold;
  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: noto_sanscondensed_bold;
  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: noto_sanscondensed_bold;
  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: noto_sanscondensed_bold;
    padding: 5px 10px 2px 13px;
    border-radius: 4px;
    display: ruby;
    text-transform: uppercase;
    position: relative;
}

.cours3 {
  font-size: 1.7em;
  color: white;
  text-shadow: none;
  font-family: noto_sanscondensed_bold;
  padding: 5px 10px 2px 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: noto_sanscondensed_bold;
	}
	
.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;
}

/* 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;text-shadow: none;font-family: noto_sanscondensed_bold;line-height: 42px;}
.plan-ville2 {background:#f76e26; color:white;text-shadow: none;font-family: noto_sanscondensed_bold;line-height: 42px;}
.plan-ville3 {background:#008846; color:white;text-shadow: none;font-family: noto_sanscondensed_bold;line-height: 42px;}

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

.plan-jour {background:white;}
.planning-ville1 .plan-jour {color:#63bc48;font-family: noto_sanscondensed_bold;}
.planning-ville2 .plan-jour {color:#f76e26;font-family: noto_sanscondensed_bold;}
.planning-ville3 .plan-jour {color:#f76e26;font-family: noto_sanscondensed_bold;}

.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;}

@media (min-width: 1em) {
	.doux {margin-top: 0;}
	.planning-ville1, .planning-ville2, .planning-ville3 {float:none;}
	.planning-ville1, .planning-ville3  {border-right: none;}
	.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; }
}

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

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


@media (min-width: 992px) {
	.planning-ville1 {width: 24%; float: left; border-right: solid 10px white; /**/ background: #e9f7f0; height: 464px;}
	.planning-ville2 {width: 75%; float: left;}
	.planning-ville3 {width: 24%; float: left; border-right: solid 10px 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;}
}

@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-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: 1.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; /*ajouter le reste des paramètres transition*/ 
}
.gl3 a:hover {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;
    margin: 50px;
    display: inline-block;
    cursor: pointer;
}


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

@media (min-width: 360px) {
.gps-main p {font-size: 2.3em; 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: 'noto_sanscondensed';
  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;
	  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;
	  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*/
@media (min-width: 1em) {
    .accordion {
      width: 100%;
    }
}

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



    .accordion-item {
      background: none;
      border: none;
      color: white;
      font-size: 24px;
      font-family: noto_sanscondensed;
      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;}
    .accordion-header-color1:hover {background-color: #399a1b}
    .accordion-header-color2 {background-color: #008846; transition: .11s;}
    .accordion-header-color2:hover {background-color: #1a6641;}
    .accordion-header-color3 {background-color: #f76e26; 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 */
    }

    .accordion-map {
      height: 400px; /* Hauteur de votre carte */
      background-color: #eaeaea; /* Remplacez cela par votre carte intégrée */
      /* Ici vous pourriez mettre un iframe pour représenter votre carte */
    }

    .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: 7px;
	padding: 0 11px;
	text-shadow: none;
	font-size: 80%;
}

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

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

/*afficher/cacher le gps du planning*/
/*#row_ID1750702662034 {
  display: none;
}*/