/*STYLE MAINPAGE*/

@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;
	--creme: #fff6d5;	
	--noir: #211c18;
	--beige: #99826f;	
  --bs-body-line-height:  1.5;
}


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

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

html {
	font-size:16px;
	overflow-x:hidden;
	overflow y:scroll;
	scroll-snap-type: y mandatory;
}

body {
	font-size:75%;
	background-color:#fffcf3;
	color: #211c18;
	padding-top: 0 !important;
	margin:0;
	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;
}

.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;
	padding: 0 10px 0 0;
}

.title-line-2, .h1-title-line-2-style {
	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;
}

@media (min-width: 1em) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	/*font-size: .75em;*/ margin: -3px 0 0 20px; letter-spacing: -1.3px; font-weight: bold;}
}
@media (min-width: 360px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {/*	font-size: .75em;*/ margin: -5px 0 0 30px; letter-spacing: -1.3px; font-weight: bold;}
}
@media (min-width: 480px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	/*font-size: .75em;*/ margin: -6px 0 0 32px; letter-spacing: -1.3px; font-weight: bold;}
}
@media (min-width: 576px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	font-size: .75em; margin: -9px 0 0 36px; letter-spacing: -1.3px;  font-weight: normal;}
}
@media (min-width: 768px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	font-size: .75em; margin: -10px 0 0 36px; letter-spacing: -2.2px;}	
}
@media (min-width: 992px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	font-size: .75em; margin: -12px 0 0 36px; letter-spacing: -2.2px;}	
}

@media (min-width: 1200px) {
	.title-line-1 {letter-spacing: -.25px;}
	.title-line-2, .h1-title-line-2-style span {	font-size: .75em; margin: -18px 0 0 36px; letter-spacing: -2.6px;}	
}

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



@media (min-width: 1em) {
	h1, h2 {font-size: 2.8em;margin-bottom: 22px; margin-top:20px;}
	.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;}
	.text-transform-1 {text-transform: lowercase;}

	.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;
		display: contents;
	}
	/*niouz*/
	h2 .title-line-1 {padding: 0;}
  h1 .title-line-2, h2 .title-line-2 {
  		display: inline; 
  		font-family: 'lily'; 
  		letter-spacing: -.25px; 
  		/*margin: 20px 0 22px 0;*/
  		margin: 0;
  		-webkit-text-fill-color: #008846; 
  		color: #008846; 
  		font-weight: normal;
	}
	h1 {display: inline;}
	.ponctuation {display: inline;}
}

@media (min-width: 360px) {
	h1, h2 {font-size:3.6em;}
	.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) {
	h1, h2 {font-size:3.6em;}
	.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;}	
 
  /* Nécessaire seulement en cas de texte stylisé en h1 */
	/*h1 {display: unset;} */
	/* Remplace : h1 {display: block;} */
	h1 {display: block;}
}


/*la partie mul to lily*/
@media (min-width: 576px) {
	h1, h2 {font-size: 4.6em; }
	.title-line-1 {letter-spacing: -.25px;}
	h1 .title-line-2, h2 .title-line-2, .span-title-line-2 {font-size: .75em; margin: -10px 0 0 36px; letter-spacing: -2.2px;}
	.text-transform-1 {text-transform: inherit;}

	.span-title-line-2 {
		font-size: 3.45em; 
		display: inline; 
		margin-top: calc(-18px - -13px) !important;  
		font-family: 'mul' !important;
		-webkit-text-fill-color: #211c18;
	}

	  /* Nécessaire seulement en cas de texte stylisé en h1 */
 		/* h1, h2 .title-line-1 {padding: 0 20px 0 0;} */
	  /* Remplace : h2 .title-line-1 {padding: 0 20px 0 0;} */
	h2 .title-line-1 {padding: 0 20px 0 0;}
 	h1 .title-line-2, h2 .title-line-2 {display: block; font-family: 'mul';-webkit-text-fill-color: #211c18; color: #211c18;}

	.ponctuation {display: none;}
}

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

@media (min-width: 992px) {
	h1, h2 {font-size:5em;}
	.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.75em; display: block; margin-top: calc(-18px - -11px) !important;}	
}

/* spécificité mainpage */
@media (min-width: 1024px) {
	.span-title-line-2 {position: relative;}
}


@media (min-width: 1200px) {
	h1, h2 {font-size:5.7em;}
	.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.425em; display: block; margin-top: calc(-18px - -7px) !important; position: inherit;}
}

/* spécifique à la mainpage - ne peut être utilisé pour les autres pages */
@media (min-width: 1400px) {
	h1, h2 {font-size: 5.9em; }
	.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.425em; 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;
	line-height: 1;
	font-weight: normal;
}

.unbottomed {margin-bottom: 0;}


.h1-title-line-2-style {position: absolute;}
@media (min-width: 1em) {.h1-title-line-2-style {top: 23px}}
@media (min-width: 360px) {.h1-title-line-2-style {top: 33px}}
@media (min-width: 576px) {.h1-title-line-2-style {top: 30px}}
@media (min-width: 992px) {.h1-title-line-2-style {top: 40px}}
@media (min-width: 1400px) {.h1-title-line-2-style {top: 50px}}



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


p {
	font-family:'mul'; 
	margin:0;
	letter-spacing:0;
	}
@media (min-width: 1em) {
	p {font-size:1.8em; margin-bottom:20px;}
}
@media (min-width: 360px) {
	p {font-size:2em;line-height: 1.4em;}
}
@media (min-width: 480px) {
	p {margin-bottom:11px; letter-spacing: -.55px;}
}
@media (min-width: 576px) {
	p {font-size:2.3em;margin-bottom: 31px;letter-spacing: -.3px;}
}
@media (min-width: 768px) {
	p {font-size: 2.4em;margin-bottom: 31px;letter-spacing: -.3px;}
}
@media (min-width: 992px) {
	p {font-size: 2.5em;letter-spacing: inherit;}
}
@media (min-width: 1200px) {
	p {font-size: 2.7em;letter-spacing: -0.5px;}
}
@media (min-width: 1400px) {
}

ul {
    margin-top: 0;
    margin-bottom: 1rem;
}

li {list-style-type: none;}

.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;
	}
	
small {
	font-size:75%;
	}

pre {overflow: hidden;}

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

.no-marge {margin:0;}
	
.text-right {text-align:right;}
	
.glyphes {font-family: 'oliviajregular';}

.clear{clear: both;}


/*Nouveaux boutons*/

/*.bouton exclusif mainpage*/
.bouton {
	text-align: center;
  display: block;
  border: unset;
  padding: 10px 0;
  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: 0 auto;
  transition: .2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
  text-shadow: none;
  bottom: calc(-100vh + 200px);
}

@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: 0s;
	  -webkit-transition: 0s;
	  -moz-transition: 0s;
	  -ms-transition: 0s;
	  -o-transition: 0s;    
	}
}

@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: 0.3s;
  	-moz-transition: 0.3s;
  	-ms-transition: 0.3s;
  	-o-transition: 0.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%,21%);
  width: 80%;
  text-transform: uppercase;
}

.section1 .bouton-txt {
  transform: translate(50%,8%);	
}



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

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


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

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

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


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


@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {}
@media (min-width: 992px) {}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}
/*fin nouveaux boutons*/



/* containerS */

.container {
	position:relative;
/*	width:100%;
	height:100vh;*/
	max-width:100%;
	padding:0;
    margin-right: auto;
    margin-left: auto;
}					 

/* SECTIONS */

.container .section1 {
		position:relative;
}


.container .section2 {
	background:url(../images/bg10.webp);
	background-repeat: no-repeat;
	background-position: bottom;
	}

@media (min-width: 1px) {
.container .section2 {
	background-size: 100%;
	}
}

@media (min-width: 1024px) {
.container .section2 {
	background-size: 67%;
	}
}


.container .section0 {
	background-size:cover;
	background-position: center;
/*	background-attachment: fixed;*/
	}
@media (min-width: 1px) {
.container .section0 {
	background-image:url(../images/bg0-mobile.webp);
	}
}
@media (min-width: 1024px) {
.container .section0 {
	background-image:url(../images/bg0.webp);
	}
}



@media (min-width: 1px) {
.bg0-pic-mobile {
	display: block;
	margin: 0 auto;
	}
}
@media (min-width: 992px) {
.bg0-pic-mobile {
	display: none;
	}
}

.container .section3 {
	background:url(../images/bg2.webp);
	background-size:cover;
	/*background-attachment:fixed; /*ou pas*/
	background-position: center;
	}

.container .section5 {  
	background:url(../images/bg4.webp);
	background-size:cover;
	background-attachment:fixed;
	background-position: bottom;
	}
	
.container .section6 {
	background:url(../images/bg5.webp);
	background-size:cover;
	background-position: center;
	}

.container .section7 {
	background:url(../images/bg7.webp);
	background-size:cover;
	background-position: center;
	background-attachment: fixed;
	}

.container .section8 {
	background:url(../images/bg8.webp);
	background-size:cover;
	background-position: center;
	}

.container .section9 {
	background:url(../images/bg9.webp);
	background-size:cover;
	background-position: center;
	}

@media screen and (min-width: 64em) /* ≥ 1024px */{

.container .section1 {
	position:relative;
	width:100%;
	height:100vh;
	/*scroll-snap-align:start;*/
}

.container .section1-rentree {
	position:relative;
	width:100%;
	height:100vh;
	/*scroll-snap-align:start;*/
}

.container .section0,
.container .section2,
.container .section3, 
.container .section4, 
.container .section5,
.container .section6,
.container .section7,
.container .section8,
.container .section9,
.container .section10 {
	position:relative;
	width:100%;
	height:100vh; 
	/*scroll-snap-align:start;*/
	}

.container .section0,
.container .section2, 
.container .section3, 
.container .section4, 
.container .section5,
.container .section6,
.container .section7,
.container .section8,
.container .section9,
.container .section10,
.container.container-page {
	padding-top :50px !important;
	}

.container .section0,
.container .section2, 
.container .section3, 
.container .section4, 
.container .section5,
.container .section6,
.container .section7,
.container .section8,
.container .section9,
.container .section10 {
	min-height:948px !important;
	}


.container .section6 {
	background:url(../images/bg5.webp);
	background-size:cover;
	background-position: center;
	}
}

/* fin containerS */


/*bannière + logo section 1*/

@media (min-width: 1em) {
	.bg-img {
	  display: block;
	  object-fit: cover;
	  width: 100%;
	  height: auto;
	}
	.logo-img {
		position: absolute;
		width: 50%;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}	
}

@media (min-width: 768px) {
	.bg-img {
	  display: block;
	  object-fit: cover;
	  width: 100%;
	  height: 100vh;
	}
	.logo-img {
		position: absolute;
		width: unset;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
}

/* fin bannière + logo section 1*/

/*pis ça recommence containerS*/
@media screen and (min-width: 1em) /*(15em)≥ 240px*/ {
/* désactivation du snap */
	.container .section1, 
	.container .section1-rentree, 
	.container .section2, 
	.container .section3, 
	.container .section4, 
	.container .section5,
	.container .section6,
	.container .section7,
	.container .section8,
	.container .section9,
	.container .section10 {
		scroll-snap-align:none;/*ICI*/
		overflow-anchor: none;
		}
	

	/* désactivation du padding; inutile sans le mode pleine page (compensation du header) */
	.container .section0,
	.container .section1,
	.container .section1-rentree,
	.container .section2, 
	.container .section3, 
	.container .section4, 
	.container .section5,
	.container .section7,
	.container .section8,
	.container .section9,
	.container .section10 {
		padding-top :0
	}

  .container .section0,
	.container .section2, 
	.container .section3, 
	.container .section4, 
	.container .section5,
	.container .section7,
	.container .section8,
	.container .section9,
	.container .section10 {
		min-height: 0;
		}


.lien-banniere-stage {
	position: absolute;
	top:77%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fffcf3;
	font-family: extraheavy;
	text-decoration: none;
	text-shadow: none;
	font-size: 3em;
	background: #f83400;
	border: 5px solid #fffcf3;
	border-radius: 12px;
	padding: 11px 23px;
	transition: 0.2s; 
	-webkit-transition:  0.2s; 
	-moz-transition:  0.2s; 
	-ms-transition:  0.2s; 
	-o-transition:  0.2s;
	text-shadow: none;
}

.lien-banniere-stage:hover {
background-color: #fffcf3;
color: #f83400;
	transition: 0.2s; 
	-webkit-transition:  0.2s; 
	-moz-transition:  0.2s; 
	-ms-transition:  0.2s; 
	-o-transition:  0.2s;
	text-shadow: none;
}


@media screen and (min-width: 1em) {
	.container .section1-rentree {height:auto;}
}

/* BOUTON POUR LES EVENEMENTS SMALL*/


.decouvrir-inscription:hover {
  background-color: #fffcf3;
  color: orangered;
}



@media screen and (min-width: 1em) {
	.decouvrir-inscription {
			font-size: 1.6em;
		  position: absolute;
	  transform: translate(-50%, -50%);
		  bottom: -41px;
		  left: 50%;
		  background-color: orangered;
		  color: #fffcf3;
		  border: 2px solid #fffcf3;
		  font-family: extraheavy;
		  font-weight: 400;
		  border-radius: 0;
		  padding: 24px 20px;		  
		  text-decoration: navajowhite;
		  text-shadow: none;
		  text-transform: uppercase;
		  transition: 0.2s;
		  -webkit-transition: 0.2s;
		  -moz-transition: 0.2s;
		  -ms-transition: 0.2s;
		  -o-transition: 0.2s;
		  width: 90%;
		  text-align: center;
  		  height: unset;
	}
	.decouvrir-inscription::after {
	  content: " P";
	  font-family: 'oliviajregular';
	  top: 2px;
	  position: relative;
	  font-size: 0.85em;
	}

	.container .section2 {
		height:100vh;
	}	
}

@media screen and (min-width: 768px) {
	.decouvrir-inscription {
	font-size: 31px;
	  position: absolute;
	  z-index: 4;
	  transform: translate(-50%, -50%);
	  top: 88%;
	  left: 50%;
	  background-color: orangered;
	  color: #fffcf3;
	  border: 2px solid #fffcf3;
	  font-family: extraheavy;
	  font-weight: 400;
	  padding: 10px 20px;
	  border-radius: 20px;
	  text-decoration: navajowhite;
	  text-shadow: none;
	  text-transform: uppercase;
		transition: 0.2s; 
		-webkit-transition: 0.2s; 
		-moz-transition: 0.2s; 
		-ms-transition: 0.2s; 
		-o-transition: 0.2s;
		  width: max-content;
		  height: 74px;		
	}
	.decouvrir-inscription::after {
	  content: unset;
	  font-family: unset;
	  position: unset;
	  font-size: unset;
	}
}


/* changement majeur */
@media screen and (min-width: 768px) {
	body {font-size:75%;}

	.bouton-down, .bouton-down2 {
		display:block;
		}

	.container .section1 {
		width:100%;
		height:100vh;
	}

  .container .section0,
	.container .section3, 
	.container .section4, 
	.container .section5,
	.container .section6,
	.container .section7,
	.container .section8,
	.container .section9,
	.container .section10,
	.container.container-page {
		padding-top :80px;
		}
}

@media (min-width: 992px){}
@media screen and (min-width: 48em) /* ≥ 768px */{}

/* BOUTON POUR LES EVENEMENTS */
.decouvrir-inscription {
  position: absolute;
  z-index: 4;
  font-size: 31px;
  transform: translate(-50%, -50%);
  top: 80%;
  left: 50%;
  background-color: orangered;
  color: #fffcf3;
  border: 2px solid #fffcf3;
  font-family: extraheavy;
  font-weight: 400;
  padding: 10px 20px;
  border-radius: 13px;
  text-decoration: navajowhite;
  text-shadow: none;
  text-transform: uppercase;
	transition: 0.2s; 
	-webkit-transition: 0.2s; 
	-moz-transition: 0.2s; 
	-ms-transition: 0.2s; 
	-o-transition: 0.2s;  
}

.decouvrir-inscription:hover {
  background-color: #fffcf3;
  color: orangered;
}

/*/ BOUTON POUR LES EVENEMENTS /*/


@media screen and (min-width: 1024px) {
	.container .section0,
	.container .section3, 
	.container .section4, 
	.container .section5,
	.container .section6,
	.container .section7,
	.container .section8, 
	.container .section9,
	.container .section10 {
		position:relative;width:100%;	height:100vh;
	}	
}


/* item-text section 7 & 9 */

.conteneur-items-text {
	display: flex;
  	justify-content: center;
  	gap: 40px;
  	width: 100%;
  	flex-flow: row;
  	align-content: center;
  	flex-wrap: wrap;	
}

@media (min-width: 1em) {
	.conteneur-items-text {flex-direction: column;}
}

@media (min-width: 992px) {
	.conteneur-items-text {flex-direction: row;}
}

.items-text {
	width: 260px;
  	height: 260px;
  	position: relative;
  	overflow: hidden;
  	border-radius: 50%;
  	box-shadow: 0 0 36px white;
  	-moz-box-shadow: 0 0 36px white;
		-webkit-box-shadow: 0 0 36px white;
  }

.items-text p {
	position: absolute;
	z-index: 2;
	left: 50%;	
	height: 240px;
	overflow: hidden;
	text-align: center;
	width: 240px;
  	top: 80%;	
}  
.items-text p:nth-child(1) {
	transform: translate(-50%, -71%);
	color: white;
	text-shadow: 1px 1px 1px #211c1880;
	transform: translate(-50%, -61%);
	line-height: 40px;
	font-size: 2.5em;
	}

.items-text p:nth-child(2) {
	transform: translate(-50%, -3%);
  font-size: 1.2em;
  color: #008846;
  text-shadow: 2px 2px 0 #fffcf3;
  line-height: 16px;
}

.items-text p:nth-child(2) span {
display: block;
}

.items-text p.noir {
	color: #211c18;
  text-shadow: 2px 2px 0px #fffcf3;
}

.items-text img {opacity: 0.6;}

.items span.items-text {
  position: relative;
  border-radius: 50%;
  height: 260px;
  width: 260px;
}

.bg-pic-1 {
	background-image: url(../images/bg7-pic-1.webp);
}
.bg-pic-2 {
	background-image: url(../images/bg7-pic-2.webp);
}
.bg-pic-3 {
	background-image: url(../images/bg7-pic-3.webp);
}

.items-text p {
	transform: translate(0,57%);
  color: #fffcf3;
  text-shadow: 2px 2px 1px #211c18c4;
  text-align: center;
  line-height: 40px;
}

.items-text p small {
  font-size: 0.4em;
  position: absolute;
  bottom: -80px;
  transform: translate(-50%,0%);
  z-index: 2;
  color: green;
  text-shadow: 2px 2px 1px #fffcf3;
  text-align: center;
  line-height: 14px;
}

/* fin item-text section 7 & 9 */

/* items section 2 */
.items-section2 {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
	position: relative;
	margin: 0 auto;  
}



.city-buttom-1,
.city-buttom-2,
.city-buttom-3 {
	text-decoration: none;
	text-align: center;
	border-radius: 18px;
	height: 80px;
	color: #fffcf3;
	margin: 0 0 20px 0;
	text-shadow: none;
	overflow: hidden;
	-webkit-text-fill-color: white;
 	font-family: 'extraheavy';
  position: relative;
  line-height: 30px !important;
  padding: 10px 0 0 0 !important;
	bottom: 0;
	transition: 0.2s; 
	-webkit-transition: 0.2s; 
	-moz-transition: 0.2s; 
	-ms-transition: 0.2s; 
	-o-transition: 0.2s;  
}

@media (min-width: 1px) {
		.city-buttom-1, .city-buttom-2, .city-buttom-3 { font-size: 24px; width: 100%;}
}

@media (min-width: 768px) {
		.city-buttom-1, .city-buttom-2, .city-buttom-3 {width: 340px; margin: 20px;}
}

/* fin items section 2 */

/*les boutons cours de yoga avec oliva*/
.city-buttom-1 .bouton-icon,
.city-buttom-2 .bouton-icon,
.city-buttom-3 .bouton-icon {
	top: 30%;
	text-transform: initial;
}

.city-buttom-3 .bouton-txt1,
.city-buttom-3 .bouton-txt2,
.city-buttom-3 .bouton-txt3 {
  letter-spacing: -0.5px;  
}
/* fin les boutons cours de yoga avec oliva*/

.items .city-buttom-1 .bouton-txt,
.items .city-buttom-2 .bouton-txt,
.items .city-buttom-3 .bouton-txt {
	transform: translate(50%,23%);
}


@media (min-width: 1px) {
.items .city-buttom-1:hover,
.items .city-buttom-2:hover,
.items .city-buttom-3:hover {
 		height:80px;
	}
}

@media (min-width: 1024px) {
.items .city-buttom-1:hover,
.items .city-buttom-2:hover,
.items .city-buttom-3:hover {
 		/*height:308px;*/
/*		background-image: linear-gradient(180deg,rgba(0, 136, 70, 1) 0%, rgba(99, 188, 72, 1) 100%);*/
	}
}

@media (min-width: 1px) {.city-buttom-name {line-height: 3em;}}
@media (min-width: 360px) {.city-buttom-name {line-height: 2.2em;}}
@media (min-width: 480px) {.city-buttom-name {line-height: 1.5em;}}
@media (min-width: 768px) {.city-buttom-name {line-height: 1.3em;}}
@media (min-width: 992px) {.city-buttom-name {line-height: 1.1em;}}
@media (min-width: 1200px) {.city-buttom-name {line-height: 1em;}}




/*** SLIDERS bienfait & je suis*/
.csslider1 > ul {width:82%;}
.cs_bullets {display:none;}
/**/

/*about slider bienfait - déco*/
/* navigateur gauche droite */
.csslider1 > .cs_arrowprev > label span:after,
.csslider1 > .cs_arrownext > label span:after {
  font: 20px 'oliviajregular';
}
.csslider1 > .cs_arrowprev > label span::after {
	content: '\O';
	margin: 0 80px 0 0;
}
.csslider1 > .cs_arrownext > label span::after {
	content: '\P';
	margin: 0 0 0 -80px;
}
@media (min-width: 768px) {.csslider1 > .cs_arrowprev > label span::after, .csslider1 > .cs_arrownext > label span::after {	font-size: 7em;}}
@media (min-width: 992px) {.csslider1 > .cs_arrowprev > label span::after, .csslider1 > .cs_arrownext > label span::after {	font-size: 10em;}}


/*couleur fleche prev & next */
.csslider1 > .cs_arrowprev > label span, 
.csslider1 > .cs_arrownext > label span {
	color:white;
	}
/*couleur fleche prev hover*/
.csslider1 > .cs_arrowprev:hover > label span {
	color:white;
	animation:none;
	text-shadow:-24px 0px 0px #ffffff70;
}	
/*couleur fleche next hover*/
.csslider1 > .cs_arrownext:hover > label span  {
	color:white;
	animation:none;
	text-shadow:24px 0px 0px #ffffff70;
}	

/*couleur fond bouton prev & next hover*/	
.csslider1 > .cs_arrowprev:hover > label, .csslider1 > .cs_arrownext:hover > label {
	background-color:/*#e6fada*/transparent;
}
/*centrage centre des fleches + mise en transparence fond bouton prev & next */
.csslider1 > .cs_arrowprev > label,
.csslider1 > .cs_arrownext > label {
	background-color:/*#e6fada*/transparent;
	/*margin-left:-80px;*/
}

/*about slider je suis - déco*/
/* de l'espace gauche/droite pour le texte */
.section4 .img.slide {
    padding: 0 32px;
	}

/* navigateur gauche droite */
.csslider2 > .cs_arrowprev > label span:after,
.csslider2 > .cs_arrownext > label span:after {
  font: 20px 'oliviajregular';
}
.csslider2 > .cs_arrowprev > label span::after {
	content: '\O';
	margin: 0 80px 0 0;
}
.csslider2 > .cs_arrownext > label span::after {
	content: '\P';
	margin: 0 0 0 -80px;
}
@media (min-width: 768px) {.csslider2 > .cs_arrowprev > label span::after, .csslider2 > .cs_arrownext > label span::after {	font-size: 7em;}}
@media (min-width: 992px) {.csslider2 > .cs_arrowprev > label span::after, .csslider2 > .cs_arrownext > label span::after {	font-size: 10em;}}
/*couleur fleche prev & next */
.csslider2 > .cs_arrowprev > label span, 
.csslider2 > .cs_arrownext > label span {
	color:#63bc48;
	}
/*couleur fleche prev hover*/
.csslider2 > .cs_arrowprev:hover > label span {
	color:#63bc48;
	animation:none;
	text-shadow:-24px 0px 0px #63bc4870;
}
/*couleur fleche next hover*/
.csslider2 > .cs_arrownext:hover > label span  {
	color:#63bc48;
	animation:none;
	text-shadow:24px 0px 0px #63bc4870;
}
/*couleur fond bouton prev & next hover*/	
.csslider2 > .cs_arrowprev:hover > label, .csslider2 > .cs_arrownext:hover > label {
	background-color:/*#e6fada*/transparent;
}
.csslider2 > .cs_arrowprev > label,
.csslider2 > .cs_arrownext > label {
	background-color:/*#e6fada*/transparent;
}

/* centrage vertical du contenu slider 2 */
@media (min-width: 768px) {.csslider2 > ul {margin:0 auto;}}
@media (min-width: 1200px) {.csslider2 > ul {margin:0 auto;}}
/**/


/*about slider MOBILE "bienfaits"*/
.l-symbol {
	background: linear-gradient(#fff0,#fff0,#dcd6a0,#fff0); 
	border-radius: 11px;
	margin-bottom: 63px;
	border: solid 1px #fdfffdb5;
	}
.l-symbol .l1 {
    font-family: 'mul';
    color: #211c18;
}
@media (min-width: 1em) {.l-symbol .l1 {font-size: 1.2em;}}
@media (min-width: 360px) {.l-symbol .l1 {font-size: 2em;}}
@media (min-width: 576px) {.l-symbol .l1 {font-size: 2.4em;}}

.l-symbol p {
    font-family: 'oliviajregular';
    color: white;
    text-align: center;
    text-shadow: 1px 1px 1px #fffcf3;
	}
@media (min-width: 1em) {.l-symbol p {font-size: 7em;}}
@media (min-width: 992px) {.l-symbol p {font-size: 10em;}}

.l1, .l2, .l3, .l4 {
	text-align:center;
	}


/* lien-section-page */
.lien-section-page {
	background: #fd3a04;
  width: 100%;
  display: inline-block;
  text-align: center;
  font-family: extraheavy;
  text-transform: uppercase;
  padding: 24px 0;
  color: #fffcf3;
  margin-bottom: 0.55em;
  border: solid 3px #fd3a04;
  text-shadow: none;
  text-decoration: none;
  border-radius: 18px;
}

@media (min-width: 1em) {
	.lien-section-page {font-size:1em;}
	.lien-section-page {
		-webkit-transition: 0s; 
		-moz-transition: 0s; 
		-ms-transition: 0s; 
		-o-transition: 0s;
	}
}
@media (min-width: 360px) {
	.lien-section-page {font-size:1.4em;}
}
@media (min-width: 576px) {
	.lien-section-page {font-size:1.8em;}
}
@media (min-width: 768px) {
	.lien-section-page {
		transition: 0.2s; 
	-webkit-transition: 0.2s; 
	-moz-transition: 0.2s; 
	-ms-transition: 0.2s; 
	-o-transition: 0.2s;  
		}	
}



.lien-section-page:hover {color:#fffcf3;}

.lien-section-page:active {
	background:#fffcf3;
	color:#fd3a04;
  border: solid 3px #fd3a04;
  }
  
/**/

/* lien-section-page-full */
.lien-section-page-full {
	font-family: extraheavy;
	font-size: 2.2em;
	text-transform: uppercase;
	color: #fd3a04; 
	right: 7%;
	z-index: 2;
	text-decoration:none;
	}

.lien-section-page-full:hover {
  color: #fd3a04;
}

@media (min-width: 1em) {}
@media (min-width: 360px) {}
@media (min-width: 480px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {.lien-section-page-full {bottom: 20px;position: absolute;margin-right: 0; margin-top: 50px; display: block; text-align: right;}}
@media (min-width: 1024px) {.lien-section-page-full {bottom: 80px;position: absolute;}}
@media (min-width: 1200px) {.lien-section-page-full {}}
@media (min-width: 1400px) {}

	
.lien-section-page-full span {
	font-family: 'oliviajregular'; 
	/*font-size:0.8em; */
	position:relative; 
	top: -2px;
	}
.lien-section-page-full::after { 
	position: absolute; 
	width: 100%; 
	content:"";
	height: 0.15vw; 
	top: 100%; 
	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;
	}
.lien-section-page-full:hover::after {
	transform: scaleX(1); 
	transform-origin: center;
	}

.lien-section-page::after {
	content:" P"; 
	font-family: 'oliviajregular'; 
	top: -2px;
	position: relative;
	font-size: 0.85em;
	} 

/**/

/*about slider je suis - déco*/
/* navigateur gauche droite */

.csslider2 > .cs_arrowprev > label span::after {
	content: '\O';
}
.csslider2 > .cs_arrownext > label span::after {
	content: '\P';
}
	
/*couleur fleche prev & next */
.csslider2 > .cs_arrowprev > label span, 
.csslider2 > .cs_arrownext > label span {
	color:#63bc48;
	}
/*couleur fleche prev hover*/
.csslider2 > .cs_arrowprev:hover > label span {
	color:#63bc48;
	animation:none;
	text-shadow:-24px 0px 0px #63bc4870;
}	
/*couleur fleche next hover*/
.csslider2 > .cs_arrownext:hover > label span  {
	color:#63bc48;
	animation:none;
	text-shadow:24px 0px 0px #63bc4870;
}	


/*couleur fond bouton prev & next hover*/	
.csslider2 > .cs_arrowprev:hover > label, .csslider2 > .cs_arrownext:hover > label {
	background-color:/*#e6fada*/transparent;
}
/**/


/* section 3 */

.s3-1314 div {
  width: auto;
}

@media screen and (min-width: 1em) /*(15em)≥ 240px*/{

/*about slider "bienfaits" */
.section3 .sliderized {
	display:none;
	}
.section3 .unsliderized {
	display:block;
	}
.section3 .vertical-centered {
	height:/*50vh*/ auto; 
	transform: /*translate(0vh, 20vh)*/none; 
	}

/*about slider MOBILE "bienfaits"*/
.l-symbol .l1 {
    font-size: 1.4em;
	}
.lien-section-page {	
	font-size: 18px;
	}
.section3 .vertical-centered {
  height: auto;
  transform: none;
}
/**/
}


@media screen and (min-width: 22.5em) /*≥ 360px*/{
	.l-symbol .l1 {font-size: 2em;}
}

@media screen and (min-width: 35.5em) /*≥ 568px*/{
	.l-symbol .l1 {font-size: 2.4em;}
}



@media screen and (min-width: 48em) /* ≥ 768px */{

/*about slider "bienfaits" */		
.section3 .sliderized {
	display:block;
	}	
	
.section3 .unsliderized {
	display:none;
	}	

/*entre 768 et 1024 présentation sur deux lignes */
/*
.section3 * .pure-u-md-1-3, 
.section3 * .pure-u-lg-1-3,
.section3 * .pure-u-md-2-3, 
.section3 * .pure-u-lg-2-3 {
 	width:100%;
	}
*/
.container .section3 .glyphes {
	line-height: 1.2em;
	font-size:16em;
	}
	
/*points critiques*/
.section3 {
	min-height:600px
	}
	
.section3 * .pure-u-md-1-3, .section3 * .pure-u-lg-1-3, .section3 * .pure-u-md-2-3, .section3 * .pure-u-lg-2-3 {
  width: 100%;
	}

.section3 * .pure-u-md-1-3, .section3 * .pure-u-lg-1-3, .section3 * .pure-u-md-2-3, .section3 * .pure-u-lg-2-3 {
  width: 100%;
	}
}


@media screen and (min-width: 64em) /* ≥ 1024px */{

.s3-1314{
	max-width:1334px;
	width:100%;
	margin:0 auto;
	}

.section3 {
	min-height:auto
	}
	
}


@media screen and (min-width: 80em) /* ≥ 1280px */{

/*about slider "bienfaits"*/
/*a partir de 1280, présentation sur deux colonnes */
.section3 * .pure-u-md-1-3, .section3 * .pure-u-lg-1-3 {
	width:33%
	}
.section3 * .pure-u-md-2-3, .section3 * .pure-u-lg-2-3 {
 	width:53%;
	}
/* et on installe le centrage vertical des éléments */
.section3 .vertical-centered {
	height:50vh /*auto*/; 
	transform: translate(0vh, 20vh)/*none*/; 
	}
.section3 .content, .section4 .content {
	max-width:1840px; 
	width:98%;
	}
.container .section3 .glyphes {
	font-size:20em;
	text-align: right;
	}
.section3 .vertical-centered {
  height: 50vh;
  transform: translate(0vh, 20vh);
	}
}


/* fin section 3*/


/* section 4 */

.section4 .textshadow {
		text-shadow: 2px 2px #211c18;
}

.section4 h3 {
	font-weight: normal;
}

.section4 .sous-titre {
	  font-size: 1.72em;
}
@media (min-width: 1em) {
	.section4 .sous-titre {
	  margin: 0;
	}
}
@media (min-width: 576px) {
	.section4 .sous-titre {
	  margin: 0 0 0 40px;
	}
}


@media screen and (min-width: 1em) /*(15em)≥ 240px*/{

	/*about slider "je suis" */
	.section4 .sliderized {
		display:none;
			
		}
	.section4 .unsliderized {
		display:block;
		margin-top: 190px;
		margin-top: 50px;

		}

	.container .section4 {
		background: url(../images/bg11-mobile.webp);
		background-repeat: repeat;
		background-position: top right;
		} 

	.section4 h3 {
		font-size: 1.4em;
		}

	.section4 .jesuis {
		font-size: 2em;
		font-family:helmsley;
		}

	.section4 h2 {
		margin-bottom: 0;		
		}

		.section4-img {
			width:320px;
			float: none;
			padding-top: 30px;
			margin: 0 auto;
		}

		.section4 img {
			width: 100%; 
			border: 3px solid #63bc48;
		}


}

@media screen and (min-width: 22.5em) /*≥ 360px*/{
	
	.section4 .jesuis {
	    font-size: 3em;
		}
	.section4 h3 {
		font-size:1.6em;
		}	
	.section4 .all p {margin-bottom: 9px;}
	}


@media screen and (min-width: 30em) /*≥ 480px*/{
		.section4 .jesuis {font-size: 3.6em;}
		.section4 h2 span, .section4 h3 {width:100%;}
		.section4 .developpement {text-align:center;}

}

@media screen and (min-width: 35.5em) /*≥ 568px*/{
	
	.section4 .jesuis {
	    font-size: 4em;
		}
		
  .section4 h3 {
    font-size: 1.53em;
/*    margin-left: 39px;*/
  }

}

/*resolution de l'item trop haut*/
@media screen and (max-width: 35.9375em) /*≥ 575px*/{
		.section4 .unsliderized {
		margin-top: 50px;
		}
}


@media screen and (min-width: 48em) /* ≥ 768px */{
	.container .section4 {
		background-size: 260%;
		}
		
	/*about slider "je suis" */		
	.section4 .sliderized {
		display:block;
		}	
		
	.section4 .unsliderized {
		display:none;
		}		
		
	.container .section4 {
		background:url(../images/bg11-a.webp);
		background-position: top center;
		background-color: #fffcf3;
		background-repeat: no-repeat;
		background-size: cover;
	}

	.section4 .jesuis {
		font-size: 3.4em;
		margin: 0;
		font-family: helmsley;
		text-align:center;
	}
	.section4 .developpement {
		font-size:1.7em;
		}
	.section4 .vertical-centered {
	    height: 16vh;
	    transform: translate(0vh, 10vh);
		}	
}

@media screen and (min-width: 64em) /* ≥ 1024px */{

	.section4 .developpement {
			font-size:2.3em;
		}
	.section4 .sliderized {
			display:block;
			width: 79%; 
			float:right
		}	

	.section4 .vertical-centered {
	    /*height: 25vh;*/
/*	    transform: translate(0vh, 11vh);*/
		}
		.section4-img {
			width:21%;
			float: left;
			padding-top: 30px;
		}
		.section4 img {
			width: 100%; 
			border: 3px solid #63bc48;
		}

  .section4 .unsliderized {
    margin-top: 250px;
  }

}


@media screen and (min-width: 80em) /* ≥ 1280px */{
	.section4 .developpement {
	 
		}
	/* centrage vertical des éléments */
	.section4 .vertical-centered {
/*		height: 25vh; */
/*		transform: translate(0vh, 15vh)/*none*/;
		}
		
	.section4 h3 span {
		margin: -10px 0 0 0;
		}
}

@media (min-width: 1em) {
		.section4 h3 {font-family:mul; letter-spacing: 0;}
		.section4 h3 span {margin:-9px 0 0 52px}
}
@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) {}


/* fin section 4*/


/* section 6 */

@media screen and (min-width: 1em) /*(15em)≥ 240px*/{
.section6 .vertical-centered {
	height: auto;
	transform:none;
	}
	
.container .section6 {
	background:url(../images/bg5.webp);
	background-size:cover;
	background-position: center;
	}
/* centrage d'image dans une div */
.center-img {margin:0 auto;}
	
}

@media screen and (min-width: 48em) /* ≥ 768px */{
.section6 .vertical-centered {
	height: auto;
	transform:none;
	}

}

@media screen and (min-width: 64em) /* ≥ 1024px */{
.section6 .vertical-centered {
	height:/*50vh*/auto; 
	transform: translate(0vh, 15vh); 
	}

.section6 p {margin-bottom:0}	

}

/* fin section 6 */


/* section 8 */
.numeration {
  text-transform: uppercase;
  font-family: 'oliviajregular';
  margin: 40px 0 20px 0;
  letter-spacing: 0;
  color: #63bc48;
}
.section8 .outils {
  margin: 0;
  font-family: helmsley;
  text-align: center;
  font-size: 125%;
	}

.section8 p:last-child {
	line-height:1.8em;
	}
	
.section8 * .numeration {
	margin:0 9px 0 0;
	font-size: 90%;
}

/* fin section 8 */




/* section 5 */
/*
.section5 h2 {
  color: #63bc48;
  text-shadow: 1px 1px 1px #fff;
	}

.section5 h2 span {
  text-shadow: 1px 1px #fffcf3;
	}
*/	
.section5 h2 {
/*  background: linear-gradient(to left, #63bc48, #63bc48, #63bc48, #63bc48, #63bc48, #008846);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.section5 h2 span{
/*  -webkit-text-fill-color: #211c18;*/
}

.section5 h3 {
	font-size:1.65em;
}



	
/* LES TABS */
.container-tab,
.sj-panel {
    padding: 0.01em 16px;
}

.container-tab:after,
.container-tab:before,
.sj-panel:after,
.sj-panel:before,
.sj-row:after,
.sj-row:before,
.sj-row-padding:after,
.sj-row-padding:before,
.sj-cell-row:before,
.sj-cell-row:after,
.sj-clear:after,
.sj-clear:before,
.sj-bar:before,
.sj-bar:after {
    content: "";
    display: table;
    clear: both;
}


.sj-bar {
	width: 33%; 
	margin: 0 auto;
	overflow: hidden;
}


/* Chelou */
.sj-red/*,
.sj-hover-red:hover */{
    color: #008846 !important;
	text-decoration:underline !important;
	text-decoration-color: #f76e26 !important;
	/*text-underline-position : under !important;*/
	    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;
	}

.sj-black/*,
.sj-hover-black:hover */{
    color: #63bc48 !important;
	    transition: transform 0.2s;
    -webkit-transition: transform 0.2s;
    -moz-transition: transform 0.2s;
    -ms-transition: transform 0.2s;
    -o-transition: transform 0.2s;
	}

.sj-bar-item.sj-button.tablink:hover {
	color:#fd3a04;

	}

/*fin chelou*/


.sj-bar .sj-bar-item {
    padding: 8px 16px;
    float: left;
    width: auto;
    border: none;
    display: block;
    outline: 0;
}

.sj-bar .sj-button {
    white-space: normal;
}


/*
.sj-button:hover {
    color: #000 !important;
    background-color: #ccc !important;
}
*/


.sj-btn,
.sj-button {
    border: none;
    display: inline-block;
    padding: 8px 16px;
    vertical-align: middle;
    overflow: hidden;
    text-decoration: none;
    color: inherit;
    background-color: inherit;
    text-align: center;
    cursor: pointer;
    white-space: nowrap;
}

.sj-btn,
.sj-button {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.sj-disabled,
.sj-btn:disabled,
.sj-button:disabled {
    cursor: not-allowed;
    opacity: 0.3;
}

.sj-dropdown-hover:hover > .sj-button:first-child,
.sj-dropdown-click:hover > .sj-button:first-child {
    background-color: #ccc;
    color: #000;
}

.sj-bar-block .sj-dropdown-hover .sj-button,
.sj-bar-block .sj-dropdown-click .sj-button {
    width: 100%;
    text-align: left;
    padding: 8px 16px;
}

.sj-border-0 {
    border: 0 !important;
}
.sj-border {
    border: 1px solid #ccc !important;
}

.sj-animate-opacity {
    animation: opac 0.8s;
}
@keyframes opac {
    from {
	  opacity: 0;
    }
    to {
	  opacity: 1;
    }
}

/* FIN LES TABS */

p.day-planning-mainpage {
  background: green;
  padding: 1px 11px 1px 11px;
  border-radius: 11px;
  text-shadow: none;
  font-weight: bold;
  color: #fffcf3;
  text-shadow: none;
  width: max-content;
}

.section5 .agrandir {position: relative; font-family: 'mul';}
.section5 .agrandir a {color: #fd3a04; background: white; position: absolute;}

@media screen and (min-width: 1em) /*(15em)≥ 240px*/{
	.section5 .agrandir a {
		padding: 0 8px;
    	font-size: 1.8em;
    	top: -44px;
    	left: 6px;}
	.section5 .agrandir a:hover {color:#fd3a04;	text-decoration: underline;	text-decoration-color: currentcolor; text-decoration-color: #211c18;}
}

@media screen and (min-width: 22.5em) /*≥ 360px*/{
	.section5 .agrandir a {
    	font-size: 2em;
	}
}

@media screen and (min-width: 48em) /* ≥ 768px */{
	.section5 .agrandir a {
	    display: inline-block;
	    font-size: 1.8em;
	    top: -40px;
	    left: 7px;
	}
}

@media screen and (min-width: 64em) /* ≥ 1024px */{
	.section5 .agrandir a {
	    font-size: 1.6em;
	}
	.section5 .agrandir a:hover {color: #fd3a04;}
}




@media screen and (min-width: 1em) /*(15em)≥ 240px*/{
	.showHide {display: none;}
	.section5 h3 {text-transform:initial;}
	.section5 .pure-u-1.pure-u-md-7-24 {margin-bottom: 10px;}
	.section5 h3 {font-size: 0.5em;	font-family:'mul';	font-weight: bold; margin: 0; text-shadow: none;}
	.section5 main {text-align: center;}
	.section5 iframe {border: 7px solid white; height: 290px; width: 100%;}
}

@media screen and (min-width: 22.5em) /*≥ 360px*/{
	.section5 h3 {font-size: 1em;}
	p.day-planning-mainpage {font-size: 1.8em;}
}

@media screen and (min-width: 30em) /*≥ 480px*/{
	.section5 h3 {font-size: 1.1em;}
	p.day-planning-mainpage {font-size: 2em;}
}


@media screen and (min-width: 35.5em) /*≥ 568px*/{
	.section5 h3 {font-size:1.25em;}
	p.day-planning-mainpage {font-size: 2.2em;}
}

@media screen and (min-width: 48em) /* ≥ 768px */{
	.section5 h3 {font-size:1.4em;}
	.section5 main {text-align: left;}
}

@media screen and (min-width: 992px) {
	.section5 h3 {text-shadow:1px 1px 1px #fffcf3;}
}

@media screen and (min-width: 64em) /* ≥ 1024px */{
	.showHide {display: block;}
	.section5 h2 {
		margin:40px 0 0 0;
		}
	.section5 h3 {
		font-size:1.4em;
		letter-spacing: -1px;
	    font-family: 'mul';
	    font-weight: bold;
	    padding: 0 13px;
	}
	.section5 p {
	    line-height: 1.25em;
		font-size: 2.4em;
	}
	.section5 p span {
		/*! font-size: 75%; */
	}
	.section5 .content {
		padding:0 20px;
	}
	.section5 ul {
		list-style:none;
	}
	.section5 li {
	    padding-left: 70px;
	}
	.section5 li::before {
	    content: "•";
	    color: #f76e26;
	    display: inline-block;
	    width: 1em;
	    margin-left: -0.5em;
	    margin-top: -0.2em;
	    font-size: 41px;
	    position: absolute;
	}
	.section5 .glyphes {
		font-size:6em;
	}
	.section5 .posi1 {
		margin-top: 18%;
	}
	.section5 .posi2 {
		margin-top:5%;
	}
	.section5 iframe {
		border: 7px solid white;
		height: 290px;
		width: 100%;
	}
	.section5 ul li p {
		line-height:1em;
		font-size:2.3em;
		/*new*/
				line-height:1.5em;
				margin: 0;
	}

	.section5 .possible {
		font-size:2em;
		line-height: 1.25em;
	}
	.section5 .possible span {
		color:#008846;
	}
}







.videoconf {
	font-family: 'oliviajregular'; 
	margin: 0 0 0 12px;
	font-size:1em;
	position: relative;
	top: 10px;
	}

.visio {position:relative; margin: 0px 0 23px 0px;}	
.visio::before {
    content: "T";
    font-family: 'oliviajregular';
    color: orangered;
    top: -26px;
    position: absolute;
	}
}
@media (min-width: 1em) {.visio::before {top:-12px;}}
@media (min-width: 360px) {.visio::before {top: -26px;}}
@media (min-width: 768px) {.visio::before {left: 6px;font-size: 31px;}}

.visio::after {
    content: "[VISIO]";
    color: #fff;
    background: #63bc48;
    text-shadow: none;
    padding: 0 5px;
    position: relative;
    left: 6px;
	}
@media (min-width: 1em) {.visio::after {}}
@media (min-width: 360px) {.visio::after {top:-2px;}}
@media (min-width: 768px) {.visio::after {font-size: 22px; top: -10px;}}


.cours-essai {
  border: 2px solid #63bc48;
  background: #63bc48;
  color: white;
  border-radius: 20px;
  text-shadow: none;
  padding: 6px 15px;
  text-align: center;
  width: fit-content;
  position: relative;
}


.cours-essai sup {font-size: .6em;}




@media (min-width: 1em) {.cours-essai {margin: 0 auto 20px auto;}}
@media (min-width: 768px) {.cours-essai {margin: 0;}}


/* techno GPS page de garde*/
.glyphes.fs-glyph-gps {font-size: 55px; color: #008846}

@media (min-width: 1em) {
    .coo-gps {
			background: #fd3a04;
	    width: 100%;
	    display: inline-block;
	    text-align: center;
	    font-family: extraheavy;
	    text-transform: uppercase;
	    padding: 16px 0 0 0;
	    color: #fffcf3;
	    margin-top: 50px;
	    border: none;
	    color: #fffcf3;
	    text-shadow: none;
	    text-decoration: none;
	    font-size: 16px;
	    height: 75px;
	    border-radius: 18px;
	    border: solid 3px #fd3a04;
      }
    .coo-gps:hover {
    	color: #fffcf3; 
    	text-decoration: none;
    }
		.coo-gps:active {
  		background: #fffcf3;
  		color: #fd3a04;
			}
}

@media (min-width: 768px) {
    .coo-gps {
        font-family: 'extraheavy';
        font-size: 26px;
        text-transform: uppercase;
        color: #fd3a04;
        text-decoration: none;
        position: relative;
        top: -6px;
        background: no-repeat;
        border: none;
        width: max-content;
        }
    .coo-gps:hover {color: #fd3a04; text-decoration: underline;}
    .coo-gps .fs-glyph-gps2 {
    	font-size: 0.8em;
	    position: absolute;
	    top: 18px;
    }
		.coo-gps:active {
  		background: none;
  		color: #fd3a04;
			}    
}

/*popup-gps*/
.popupgps {
    display: none; 
    position:fixed; 
    z-index: 9999; 
    background: #fffcf3; 
    width: 100%; 
    height: 100%;
    text-align: center;
    overflow-x: auto;
    transition: transform 0.4s ease, opacity 0.4s ease; 
	  -webkit-transition: transform 0.4s ease, opacity 0.4s ease;
	  -moz-transition: transform 0.4s ease, opacity 0.4s ease;
	  -ms-transition: transform 0.4s ease, opacity 0.4s ease;
	  -o-transition: transform 0.4s ease, opacity 0.4s ease;
      transform: translateY(-100%); 
      opacity: 0; 
      top: 0;
    }
.popupgps.show {
    display: block; 
    transform: translateY(0);
    opacity: 1;
    }

.popupgps h2 {color: #63bc48; margin-bottom: -9px; font-family: 'mul'; font-weight: bold; letter-spacing: -2.6px;}

@media (min-width: 1em) {
    .popupgps h2 {font-size:1.6em; margin-top:40px;  margin-bottom: 11px;}
}
@media (min-width: 360px) {
    .popupgps h2 {font-size:2.4em;}
}
@media (min-width: 480px) {
    .popupgps h2 {font-size:2.8em;}
}
@media (min-width: 768px) {
    .popupgps h2 {font-size:3.8em;}
}
@media (min-width: 992px) {
    .popupgps h2 {font-size:4.2em;}
}
@media (min-width: 1200px) {
    .popupgps h2 {font-size:5em;}
}
@media (min-width: 1400px) {
    .popupgps h2 {font-size:6em;}
}

.popupgps h3 {color: #211c18; font-size: 40px; font-weight: bold; font-family: 'mul'; margin-bottom: 40px;}

@media (min-width: 1em) {
    .popupgps h3 {font-size:1.6em;}
}
@media (min-width: 360px) {
    .popupgps h3 {font-size:1.9em;}
}
@media (min-width: 480px) {
    .popupgps h3 {font-size:2.2em;}
}

@media (min-width: 545px) {
    .popupgps h3 {font-size:2.6em;}
}

@media (min-width: 768px) {
    .popupgps h3 {font-size:2.8em;}
}
@media (min-width: 992px) {
    .popupgps h3 {font-size:3.2em;}
}
@media (min-width: 1200px) {
    .popupgps h3 {font-size:3.6em;}
}

@media (min-width: 1400px) {
    .popupgps h3 {font-size:4em;}
}


.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 a {
  color: white; 
  text-decoration: none;
  border-radius: 45px;
  padding: 11px 12px;
  background: #f76e26;
  color: white;
  margin: 0 0 0 11px;
  transition: .11s;
  -webkit-transition: .11s;
  -moz-transition: .11s;
  -ms-transition: .11s;
  -o-transition: .11s;
}

.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 12px;
    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:1.6em;display: inline;}
}
@media (min-width: 360px) {
    .gps-main p {font-size:1.9em;display: inline;}
}
@media (min-width: 480px) {
    .gps-main p {font-size:2.2em;display: inline;}
}

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



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

@media (min-width: 1em) {
	.gps-main input {
	  border: solid 2px #dedede;
	  border-radius: 11px;
	}
}

@media (min-width: 545px) {
	.gps-main input {
	  border: none;
	  border-radius: 11px;
	  padding: 0 11px;
	  box-shadow: 0 0 6px #63bc48;
	  -moz-box-shadow: 0 0 6px #63bc48;
		-webkit-box-shadow: 0 0 6px #63bc48;
	  margin: 0 auto;
	}
}


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

.gps-main button {
border: none;
font-family: oliviajregular;
}

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

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

@media (min-width: 1em) {
	.toggleImage {
	  position: absolute;
	  top: 27px;
	  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;
	}
}

@media (min-width:480px) {
	.toggleImage {
	  position: absolute;
	  top: 27px;
	  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;
	}
}


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

    .gps-main {
      margin: 0 20px 50px 20px;
      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;
    }

}

/* fin section 5 */

.content {
  margin: 0 auto;
  max-width: 1320px;
  padding: 20px;
}

@media screen and (min-width: 1em) /*(15em)≥ 240px*/{
	.sliderized-link {
	display:none;
	}
	.unsliderized-link {display:block;margin-top: 50px;}
}

@media screen and (min-width: 48em) /* ≥ 768px */{
	.sliderized-link {
	position: relative;
	margin-top: 80px;
	display: block ruby;
	}
	.unsliderized-link {display:none;}
	
}

@media screen and (min-width: 64em) /* ≥ 1024px */{
.sliderized-link {
	position: relative;
	margin-top: 80px;
	display: contents;
	right: 0;
	}
	
}





/*** Header logo */
 .logo {
	font-family: 'oliviajregular';
	color: #63bc48;
	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}

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

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

@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: .1s;
  -moz-transition: .1s;
  -ms-transition: .1s;
  -o-transition: .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) {}


/* spécificités footer mainpage */
	.footer .container {
	    padding-left: 1em;
	    padding-right: 1em;
	}
/* fin spécificités footer mainpage */

/* fin footer */


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



/* Bouton down section */	
.bouton-down {
	width:60px;
	height:60px;
	border:solid 2px #63bc4880;
	border-radius :50%;
	background: #ffffff85;
	transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
	text-align:center;
	cursor:pointer;
	font-family: 'oliviajregular';
	position:absolute;
	bottom:41px;
	left:48.5%; 
	}
	
.bouton-down:hover {
	background: white;
	border: solid 2px #63bc48;
	transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
	}
	
.bouton-down p {
    font-size: 34px;
    background: linear-gradient(to bottom, #63bc48, #008846);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    line-height: 0 !important;
    margin: 0;
    padding: 29px 0;
    font-family: 'oliviajregular';
	text-shadow: none;
	user-select: none;
	-webkit-user-select: none;
	}

.bouton-down2 {
	width:60px;
	height:60px;
	border:solid 2px white;
	border-radius :50%;
	background: #00884685;
	transition:0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;	
	text-align:center;
	cursor:pointer;
	font-family: 'oliviajregular';
	position:absolute;
	bottom:41px;
	left:48.5%;
	animation-name: bouton-down2;
	animation-duration: 5s;
	animation-iteration-count: infinite;
	}
	
.bouton-down2:hover {
	background: #008846bf;
	border:solid 2px white;
	transition: 0.2s;
  -webkit-transition: 0.2s;
  -moz-transition: 0.2s;
  -ms-transition: 0.2s;
  -o-transition: 0.2s;
	}
	
.bouton-down2 p {
    font-size: 34px;
    /*background: linear-gradient(to bottom, #f76e26, #fd3a04);
    background-clip: border-box;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;*/
    line-height: 0 !important;
    margin: 0;
    padding: 29px 0;
    font-family: 'oliviajregular';
	color:#ffffff;
	user-select: none;
	-webkit-user-select: none;	
	}
	
/* animation bouton-down2*/
@keyframes bouton-down2 {
	0%   {box-shadow : 0px 0px 0px orangered;}
	10% {box-shadow : 0px 0px 31px orangered;}
	20% {box-shadow : 0px 0px 10px orangered;}
	30% {box-shadow : 0px 0px 20px orangered;}
	40% {box-shadow : 0px 0px 0px orangered;}
	50% {box-shadow : 0px 0px 0px orangered;}
	60% {box-shadow : 0px 0px 0px orangered;}
	70% {box-shadow : 0px 0px 0px orangered;}
	80% {box-shadow : 0px 0px 0px orangered;}
    90% {box-shadow : 0px 0px 0px orangered;}
	100% {box-shadow : 0px 0px 0px orangered;}
	}

@media screen and (min-width: 1em) /*(15em)≥ 240px*/{
.bouton-down, .bouton-down2 {
	display:none;
	}
}
@media screen and (min-width: 64em) /* ≥ 1024px */{
.bouton-down, .bouton-down2 {
	display:block;
	z-index: 4;
	}
}


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



/* arlette javascript désactivé */
.error.message {
  z-index: 1040;
  position: relative;
  background: rgb(0, 136, 70);
  font-size: 2em;
  margin: 20px auto 0px;
  width: fit-content;
  padding: 9px 20px 14px;
  color: whitesmoke;
  border-radius: 22px;
  font-family: "mul";
  text-shadow: none;
}
/* fin de l'arlette */


/*en cours*/
.panel-h3-hor,
.panel-h3-loc {
  background: #00800085;
  width: fit-content;
  border-radius: 5px;
  color: white;
  text-shadow: none !important;
  padding: 3px 8px 5px 8px !important;
}
.panel-h3-hor {
  margin: 0 0 18px 12.6% !important;
}
.panel-h3-loc {
  margin: 0 0 10px 0 !important;
}



.margin-top-5 {
	margin-bottom: 5px;
	display: block;	
}

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

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

.margin-bottom-5 {
	margin-bottom: 5px !important;
	display: block;	
}

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

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

.img-responsive {
  width: 100%;
  height: auto;
  position: relative;
  margin: 0 auto;
}