/*** root */ /* PAGE STAGES*/
@charset "UTF-8";

: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;
	caret-color: transparent;
	}

@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: 5em;}
	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.5em;margin-bottom: 31px}
}
@media (min-width: 992px) {
	p, td {font-size: 2.5em;}
}
@media (min-width: 1200px) {
	p, td {font-size: 2.5em;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.5em;}
}
@media (min-width: 992px) {
	.cktext li {font-size: 2.5em;}
}
@media (min-width: 1200px) {
	.cktext li {font-size: 2.5em;}
}

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

.clear{
	clear: both;
	}
	
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 {
	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 */



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

/* pour les pages avec peu de contenu */
.siteBody {min-height: 920px;}


.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;
	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 .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,
.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:'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-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;}

	.nav-link.item-128 a::after {top:44px;}
}
@media (min-width: 992px) {}
@media (min-width: 1200px) {
	.nav-link.item-128 a::after {top:50px;}
}



/*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:20px; width: 100%;}
	.planning-title-gps-2 {background:#008846; height:20px; width: 100%;}
	.planning-title-gps-3 {background:#f76e26; height:20px; 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: 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.3em;}
}
@media (min-width: 360px) {
		.cont-loc-planning h3 {font-size: 2.2em;}
}
.cont-loc-planning h3 {
  /*font-size: 24px;*/
  color: white;
  text-shadow: none;
  font-weight: normal;
  padding: 1% 0 0 1%;
}
.cont-loc-planning h3 span{
  font-family: noto_sanscondensed;
font-weight: normal;
text-shadow: none;
}

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





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

/* FIN PLANNING */





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


/* fin crédits */





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


/* STAGES */

/* intro */ /* article en vedette */
.stage-vedette h2 {
  font-size: 3em;
  font-weight: normal;
  text-transform: none;
  letter-spacing: -1px;
}

/*pas d'affichage du h2 sur la page catégorie uniquement*/
 .stage-vedette .h2-complet {display: none;}

.stage-vedette h2 a {
text-decoration: none;
color: #211c18;
}


.stage-vedette h2 a:hover {
text-decoration: underline;
text-decoration-color: #fd3a04;
}

.rowck:last-child {
	margin-bottom: 0;
}


.btn.btn-sm.btn-secondary.previous {
	left: 0;
	position: absolute;
}    

.btn.btn-sm.btn-secondary.next {
	right: 0;
	position: absolute;
}  


@media (min-width: 1px) {
	.btn-secondary {
		background-color: #fd3a04;
		text-shadow: none;
		border: solid 2px #fd3a04;
		font-size: 1.8em;
		font-family: 'extra_heavy';
		text-transform: uppercase;
		border-radius: unset;		
	}

	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-secondary:active,
	.btn-secondary:active:focus {
		background-color: #fffcf3;
		color: #fd3a04;
		text-shadow: none;
		border-color: #fd3a04;
		text-decoration: none;
		box-shadow: none;
	}

/* on garde < > et on fait disparaître "précédent" et "suivant" */	
	.btn-secondary.previous span:nth-last-child(1) {
	  display: none;
	}
	.btn-secondary.next span:nth-child(2) {
	  display: none;
	}

}

@media (min-width: 768px) {
	.btn-secondary.previous span:nth-last-child(1) {
	  display: inline;
	}
	.btn-secondary.next span:nth-child(2) {
	  display: inline;
	}
}


@media (min-width: 992px) {
	.btn-secondary {
		background-color: unset;
		color: #fd3a04;
		text-shadow: none;
		border: unset;
		text-decoration: none;
		box-shadow: none;
	}

	.btn-secondary:hover,
	.btn-secondary:focus,
	.btn-secondary:active,
	.btn-secondary:active:focus {
		background-color: none;

		text-shadow: none;
		border-color: none;
		text-decoration: none;
		box-shadow: none;
	}


	.btn-secondary::after {
		position: absolute;
		content: "";
		height: 0.15vw;
		top: 90%;
		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;
	}

@media (min-width: 992px) {
	.btn-secondary.previous::after {
		width: 150px;
		left: 36px;
	}

	.btn-secondary.next::after {
		width: 116px;
		right: 52px;
	}
}

@media (min-width: 1200px) {
	.btn-secondary.previous::after {
		left: 26px;
	}

	.btn-secondary.next::after {
		right: 40px;
	}
}


@media (min-width: 1400px) {
	.btn-secondary.previous::after {
		left: 36px;
	}

	.btn-secondary.next::after {
		right: 52px;
	}
}

	.btn-secondary.previous:hover::after,
	.btn-secondary.next:hover::after {
	  transform: scaleX(1);
	  transform-origin: center;
	}

}



.article-info.text-muted {
  font-size: 17px;
  color: #81756a !important;
}

/* intro */ /* les autres articles */


.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 {
	font-size: 3em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: -1px;
}

.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content h2 {
	font-size: 2.2em;
}

@media (min-width: 1px) {

	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content h2 {
		background: orangered;
		padding: 10px 20px;
		text-align: center;
	}	
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 a {
		text-decoration: none;
		color: #fffcf3;
		text-shadow: none;
	}
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 a:hover {
		text-decoration: none;
		text-decoration-color: none;
	}
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 a::after {
		content: ' L';
		font-family: oliviajregular;
		position: relative;
		font-size: 17px;
		margin-left: 5px;
	}
}



@media (min-width: 768px) {

	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content h2 {
		background: none;
		padding: 0;
		text-align: unset;		
	}	

	.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 a {
		text-decoration: none;
		color: #211c18;
	}
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 h2 a:hover {
		text-decoration: underline;
		text-decoration-color: #fd3a04;
	}
}




/* truncate text en dégradé */
.stage-article .cktext.inner p {
  background: linear-gradient(180deg,rgb(11, 39, 48) 10%, rgb(255, 255, 255) 44%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}

@media (min-width: 1px) {
	.stage-article .cktext.inner p {
		display: none;
	}
}
@media (min-width: 768px) {
	.stage-article .cktext.inner p {
		display: block;
	}
}




.stage-vedette .cktext.inner p {
  background: linear-gradient(180deg,rgb(11, 39, 48) 20%, rgb(255, 255, 255) 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}




.com-content-category-blog__items.blog-items.stage-article.masonry-2 .image-stage-intro.item-image {
	vertical-align: top;
	margin-top: 44px;
}

@media (min-width: 1px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .image-stage-intro.item-image {
		display: inherit;
		width: 100%;
		margin-bottom: -40px;
	}
}

@media (min-width: 768px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .image-stage-intro.item-image {
		margin-bottom: -20px;
	}	
}

@media (min-width: 992px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .image-stage-intro.item-image {
		display: inline-block;
		width: 48%;
	}
}


.com-content-category-blog__items.blog-items.stage-article.masonry-2 .image-stage-intro.item-image img{
	width: 100%;
	height: auto;
}

.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content {
	display: inline-block;
	width: 48%;
	vertical-align: top;
	padding: 0 0 0 1%;
}

@media (min-width: 1px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content {
		display: inherit;
		width: 100%;
	}
}
@media (min-width: 768px) {
		.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content {
		display: inline-block;
		width: 48%;
	}
}

.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content .article-info.text-muted {
	display: none;
}

.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content .pagebuilderck {
	font-size: 75%;
}

@media (min-width: 1px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content .pagebuilderck {
		display: none;
	}
}

@media (min-width: 768px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content .pagebuilderck {
		display: block;
	}
}


@media (min-width: 1px) {

	.stage-article .readmore {
			display: none;
			font-size: 12px;
		}

	.stage-article .readmore a:hover {
		text-decoration:none;
	}

.stage-vedette .readmore {
	font-size: 12px;
}

}

@media (min-width: 768px) {
/*	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .readmore {
		display: block;
	}*/

.stage-article .readmore {
		display: block;
	}
}

@media (min-width: 992px) {
	.stage-article .readmore a:hover {
		text-decoration:underline;
		text-decoration-color:#008846;  
	}
	.stage-vedette .readmore a:hover {
		text-decoration:underline;
		text-decoration-color:#008846;  
	}	
}


.com-content-category-blog__items.blog-items.stage-article.masonry-2 .item-content .innercontent.uick-sortable {
	  height: 70px;
	  overflow: hidden;
	  text-overflow: ellipsis;
	  margin-bottom: 10px;
}


.com-content-category-blog__items.blog-items.stage-article.masonry-2 .cktext.inner {
	margin: 0;
}


@media (min-width: 1px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .page-header {
		height: 110px;
	}
}

@media (min-width: 371px) {
	.com-content-category-blog__items.blog-items.stage-article.masonry-2 .page-header {
		height: 70px;
	}
}





.com-content-category-blog__items.blog-items.stage-article.masonry-2 .cktype[data-type="image"] {
	position: absolute !important;
}

/*truncate texte cache transparent img */
.com-content-category-blog__items.blog-items.stage-article.masonry-2 .imageck {
	width: 100%;
	bottom: -16px;
	z-index: 2;
	overflow: hidden;
	position: relative;
}

.archives-stages h3 {
	text-transform: inherit;
	color: #211c18;
/*!! Supprimer dès la première archives color: #9b9b8f;*/
	font-size: 20px;
	margin: 6px 0 12px 0;
	font-weight: normal;
	font-family: noto_sanscondensed;
/*!! Supprimer dès la première archives cursor: default; */
}

.archives-stages h3:hover {
/*!! Décommenter dès la première archives*/   color: #fd3a04;
}

.archives-stages .title {
	text-decoration: none;
}

/* pagination */
.com-content-category-blog__pagination {
	display: table;
	text-shadow: none;
  	margin: 50px auto 70px auto;	
}

.page-item.disabled .page-link {
	background-color: #fffcf3;
	color: #cdcdcd;
}

.page-item.active .page-link {
	background-color: #63bc48;
	border-color: #63bc48;
	color: white;
}

.page-item:first-child .page-link,
.page-item:last-child .page-link {
	border-radius: 20px; 
	padding: 6px 10px;
}

/*.page-link, .page-link a, .page-link a: hover {border: none; border:unset;}*/

@media (min-width: 1px) {
	.page-link {
		border-radius: 0;
		background-color: orangered;
		color: white;
		padding: 9px 70px;
		font-weight: bold;
		font-size: 20px;
		border: solid 2px orangered;
	}

	.page-link a {border: solid 2px white;}
	.page-link:hover {
		color: white;
		border-color: orangered;
		background-color: orangered;
				border: solid 2px orangered;
	}

	.page-link:focus {
		z-index: 3;
		color: orangered;
		background-color: #fffcf3;
		outline: 0;
		box-shadow: none;	
	}
}

@media (min-width: 768px) {
	.page-link {
		border-radius: 30px;
		background-color: #fffcf3;
		color :#63bc48;
		border-color: #63bc48;
		padding: 9px 18px;	
		font-weight: bold;
		font-size: 18px;
	}

	.page-link:hover {
		color: #008846;
		border-color: #008846;
		background-color: #fffcf3;
	}

	.page-link:focus {
		z-index: 3;
		color: #fffcf3;
		background-color: #008846;
		outline: 0;
		box-shadow: none;	
	}

}



.page-item a:hover {
	text-decoration: none;
}

.pagination {position: relative;}


@media (min-width: 1px) {
	.pagenavigation a {
		margin: 0 auto;
		text-align: center;
		width: 49%;
	}
	.pagination.ms-0.mb-4 li {	
  		padding:0 2px	
  	}

}

@media (min-width: 992px) {
	.pagenavigation a {
		margin: 0 auto;
		text-align: center;
		width: 24%;
	}
	.pagination.ms-0.mb-4 li {
  		font-size: 20px;
  		padding: 0 2px;
	}

}

.page-item:first-child {display: none;}


/* supression des items différents du second et de l'avant-dernier */
@media (min-width: 1px) {
	.page-item:not(:nth-last-child(2)) {display: none;}
	.page-item:nth-child(2) {display: block;}
/*	.page-item .page-link {background: orangered; color: white;}
	.page-item.disabled .page-link {background: orangered;}
	.page-item .page-link {border: none;}
	.page-item .page-link {font-size: 20px;}*/


}
@media (min-width: 768px) {
	.page-item:not(:nth-last-child(2)) {display: block;}
	.page-item {display: block;}
	.page-item:first-child {display: none;}	
	.page-item:last-child {display: none;}	
}


/* fin pagination */


/* page ouverte */


h3.infos, p.infos {display: inline;}

p.infos {color: #008846;}

ul.infos {
  margin-top: 3px;
  margin-bottom: 2rem;
}


figure.image-stage-intro.item-image {
	overflow: hidden;
}

.stage-vedette img,
.stage-article img
 {
		transition: .2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	width: 100%;
	height: auto;
}

.stage-vedette img:hover,
.stage-article img:hover {
	transform: scale(1.5);
	transition: .2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

/*le stage affiché completement*/

/*ajout d'espace vertical entre le dernier article et le footer...*/
 .com-content-category-blog__items.blog-items.stage-article.masonry-2:last-child {margin-bottom: 100px;}
 /*...mais pas sur l'article en vedette*/
 .com-content-category-blog__items.blog-items.items-leading.stage-vedette{margin-bottom: 0;}

/* icone matériel */
 .infos img {
  width: 31px;
  margin-right: 22px;
}
	/*supression de list-style du matériel*/
ul.infos:nth-child(15) li::before {
  content: "";
}

.image-stage-complet.item-image img {
	width: 100%; 
	height: auto;
}

.pagenavigation {
	margin: 0 0 80px 0;
}

.bouton-inscription {
	text-align: center;
	margin : 50px 0 220px 0;
}

.bouton-inscription a {
	text-decoration: none;
	background: #fd3a04;
	color: #fffcf3;
	text-shadow: none;
	padding: 11px 24px;
	border-radius: 8px;
	border: solid 2px #fffcf3;
	transition: .11s;
	-webkit-transition: 0.11s;
	-moz-transition: 0.11s;
	-ms-transition: 0.11s;
	-o-transition: 0.11s;
	font-family: 'extra_heavy';
	text-transform: uppercase;
	letter-spacing: 1px;
	font-size: .9em;
  	transition: .11s;
	-webkit-transition: 0.11s;
	-moz-transition: 0.11s;
	-ms-transition: 0.11s;
	-o-transition: 0.11s;  
}

.bouton-inscription a:hover {
  	color: #fffcf3;
  	transition: .11s;
	-webkit-transition: 0.11s;
	-moz-transition: 0.11s;
	-ms-transition: 0.11s;
	-o-transition: 0.11s;      		
	}  	
}

.bouton-inscription span {
	font-family: oliviajregular;
}

.bouton-inscription a span {
	font-family: oliviajregular;
	top: 3px;
	position: relative;
}

.bouton-inscription a span:nth-child(1) {display: inline;}
.bouton-inscription a span:nth-child(2) {display: none;}
.bouton-inscription a:hover span:nth-child(1) {display: none;}
.bouton-inscription a:hover span:nth-child(2) {display: inline;}



@media (min-width: 1px) {
	.bouton-inscription a {
		background: #fd3a04;
		border-radius: unset;
		border: solid 2px #fd3a04;	
	}

	.bouton-inscription a:active, .bouton-inscription a:focus {
		background: #fffcf3;
		color: #fd3a04;
	}

}

@media (min-width: 768px) {
	.bouton-inscription a, .bouton-inscription a:focus:not(:hover) {
		background: #008846;
		background: linear-gradient(156deg,rgba(99, 188, 72, 1) 0%, rgba(99, 188, 72, 1) 50%,rgba(0, 136, 70, 1) 100%);
		background: linear-gradient(300deg,#008846,#008846,#008846,#63bc48,#63bc48);
		background-size: 140% 100%;
		border: none;
		color: #fffcf3;
		/*.bouton-inscription a:focus:not(:hover) : sans cette classe, après avoir atteint le lien et retournant sur la page d'inscription avec le bouton retour arrière du navigateur, le bouton inscription restait en position ".bouton-inscription a:active, .bouton-inscription a:focus"*/
	}

	.bouton-inscription a:hover {
		background: #008846;		
		background: linear-gradient(300deg,#008846,#008846,#008846,#63bc48,#63bc48);
		background-size: 140% 100%;
		animation: gradient-animation 2s ease;
		animation-iteration-count: 1;
		}

	@keyframes gradient-animation {
		0% {background-position: 0% 50%;}
		50% {background-position: 100% 0%;}
		100% {background-position: 0% 50%;}
	}

	.bouton-inscription a:active,
	.bouton-inscription a:focus {
		background: #fffcf3;		
		color: #008846;
		border: solid 1px #008846;
		outline: none;
	}

}


/* accordéon menu archives stages */
.accordion2 {
	width: 100%;
}

.accordion2-item {
	border: none;
	border: 1px solid #63bc48;
}

@media (min-width: 1px) {
	.accordion2-item {
	margin: 0 0 130px 0;
	}
}

@media (min-width: 1200px) {
	.accordion2-item {
	margin: 123px 0 5px 0;
	}
}

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

.accordion2-header {
	display: flex; 
	justify-content: space-between;
	align-items: center; 
	background-color: #63bc48;
	padding: 10px; 
	cursor: pointer; 
	transition: 0.11s;      
	-webkit-transition: 0.11s;
	-moz-transition: 0.11s;
	-ms-transition: 0.11s;
	-o-transition: 0.11s;      
}

.accordion2-header:hover {
	background-color: #008846;
	transition: 0.2s;
	-webkit-transition: 0.2s;
	-moz-transition: 0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
}

.accordion2-header p {
	font-size: 1.8em;
	position: relative;
	margin: 0 auto;
	text-shadow: none;
	color: #fffcf3;
}

.accordion2-content {
	max-height: 0; 
	overflow: hidden; 
	transition: max-height 0.11s ease; 
	padding: 0 10px; 
	background-color: #fffcf3;
}

    /* Icône +/- */
.accordion2-icon {
	font-weight: bold;
	font-size: 14px;
	margin: 0;
	color: white;
	text-shadow: none;
	font-family: oliviajregular;
	font-weight: bold;
}
/*fin accordeon archives stages*/



/* 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: noto_sanscondensed;
  display: inline;
}

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

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

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


/* les intros supprimées */

/*stage du 20251004*/
#block_ID1757359583030 {display: none;} /*disparition de l'article full page*/
.stage-vedette #block_ID1757359583030 {display: block;} /*affichage maintenu de l'article en blog*/

/*reprendre la structure au dessus pour le prochain stage*/

/* en cours */


h2 {color: #211c18; text-transform: inherit;}