/*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 */
:root {
	--vert: #63bc48;
	--vertfonce: #008846;
	--orange: #f76e26;
	--orangevif: #fd3a04;
	--blanc: #fffcf3;
	--noir: #211c18;
    --bs-body-line-height:  1.5;
}


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

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


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


h2 {
	font-family:'noto_sanscondensed_bold'; 
	margin:0; 
	padding:0; 
	text-transform:uppercase; 
	letter-spacing:0;
	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;}
}


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

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

li {list-style-type: none;}

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

strong {
	font-family:'noto_sanscondensed_bold';
	font-weight:initial;
	}
	
small {
	font-size:75%;
	}

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

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

.clear{
	clear: both;
	}

/* containerS */

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

.container .section1,
.container .section2,
.container .section3,
.container .section4,
.container .section5,
.container .section6,
.container .section7,
.container .section8 {
	/*scroll-snap-align:start;*/
	}
/* SECTIONS */

.container .section2 {
	background:#fffcf3;
	background-size:cover;
	/*background-attachment:fixed; /*ou pas*/
	}

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

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

.container .section8 {
	background:url(../images/bg8.jpg);
	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 .section2, 
.container .section3, 
.container .section4, 
.container .section5,
.container .section6,
.container .section7,
.container .section8 {
	position:relative;
	width:100%;
	height:100vh; 
	/*scroll-snap-align:start;*/
	}

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

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





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


/*footer*/
.container .section7 {
	height:500px;	
	box-shadow: 0px 8px 34px #26441d87;
	background:url(../images/bg-footer.jpg) white;
	background-repeat: no-repeat;
	background-position: bottom right;
	}
}

/* fin containerS */

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

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

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


/* conservation de la pleine page pour la section 1 et changement d'image de fond */
.container .section1 {
	width:100%;
	height:100vh;
	background:url(../images/bg1-small.jpg);
	background-size:cover;
	background-position:bottom;
	}
/* suppression du logo de la section 1 en mode pleine page */	
	.section1 img {display:none;}
}



/* changement majeur */
@media screen and (min-width: 768px) {

body {font-size:75%;}

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

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

.container .section2 {}
.container .section3 {}
.container .section4 {}
.container .section5 {}
.container .section6 {}
.container .section7 {}
.container .section8 {}

	
/*
.section6-lien-768 {
  position: relative;
  margin-top: 80px;
  display: block ruby;
}
*/
	
.container .section2, 
.container .section3, 
.container .section4, 
.container .section5,
.container .section6,
.container .section7,
.container .section8,
.container.container-page {
	padding-top :80px;
	}

}

@media screen and (min-width: 48em) /* ≥ 768px */{
/* md    .pure-u-md-*	*/
/* application de la grande image à partir des tablettes (768)*/
.container .section1 {
	background:url(../images/bg1.jpg);
	background-size:cover;
	background-position: bottom;
	}

.section1 img {
	display: block;
	max-width:1328px; 
	width: 100%; 
	height:auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	filter: drop-shadow(0.2em 0.2em 0.1em rgb(255, 255, 255));
	-webkit-filter: drop-shadow(0.2em 0.2em 0.1em rgb(255, 255, 255));
	-o-filter: drop-shadow(0.2em 0.2em 0.1em rgb(255, 255, 255));
	}
}	

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




/*pis ça refini containerS*/

/* section 2*/
					
@media (min-width: 1em) {
	.section2 .vertical-centered {height: auto;	transform:none;	}
.section2 .glyphes {
	display: block; 
	font-size:1.35em; 
	margin-bottom: 5px;
	}	
}
@media (min-width: 360px) {}
@media (min-width: 480px) {
	.section2 .glyphes {display: block; font-size:1.6em; margin-bottom: 15px}
}
@media (min-width: 576px) {
	.section2 .glyphes {display: inline;}
}
@media (min-width: 768px) {.section2 .vertical-centered {
	height: auto;
	transform:none;
	}
	}
@media (min-width: 1024px) {.section2 .vertical-centered {
	height:/*50vh*/auto; 
	transform: translate(0vh, 15vh);
	/*transform: none; */
	}}
@media (min-width: 1200px) {}
@media (min-width: 1400px) {}

/* fin section 2 ? */


/*** 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;
	/*margin-left:-80px;*/
}

/* centrage vertical du contenu slider 2 */
@media (min-width: 768px) {.csslider2 > ul {margin:10vh auto 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: noto_sanscondensed;
    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: extra_heavy;
	text-transform: uppercase;
	padding: 24px 0;
	color: #fffcf3;
	margin-bottom: 0.55em;
	border: solid 2px #fffcf3;
	color:#fffcf3;
	text-shadow:none;
	text-decoration: none;
	}
@media (min-width: 1em) {
	.lien-section-page {font-size:1em;}
}
@media (min-width: 360px) {
	.lien-section-page {font-size:1.4em;}
}
@media (min-width: 576px) {
	.lien-section-page {font-size:1.8em;}
}

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

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

/* lien-section-page-full */
.lien-section-page-full {
	font-family: extra_heavy;
	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 */

.section3 h1 {
  color: #fffcf3;
  text-shadow: 1px 1px 1px #254f04;
	}
.section3 h1 span {
  text-shadow: 1px 1px 1px #fffcf3;
	}


@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: 16px;
	}
.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 */
@media screen and (min-width: 1em) /*(15em)≥ 240px*/{

/*about slider "je suis" */
.section4 .sliderized {
	display:none;
		
	}
.section4 .unsliderized {
	display:block;
	margin-top: 300px;  
	}
.container .section4 {
	background: url(../images/bg3-small.jpg);
	background-size: 768px;
	background-repeat: no-repeat;
	background-position: top right;
	} 
.section4 h2 {
	margin: 0 0 0 12px;
	font-size: 1.4em;
	}
.section4 .jesuis {
    font-size: 2em;
	font-family:helmsleyregular;
	}
.section4 h1 {
	margin:0;
	}	
}

@media screen and (min-width: 22.5em) /*≥ 360px*/{
	
.section4 .jesuis {
    font-size: 3em;
	}
.section4 h2 {
	font-size:1.6em;
	margin: 0 0 0 12px;
	}	
	
}

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

.section4 .jesuis {
    font-size: 3.6em;
	}
.section4 h1 span, .section4 h2 {
	width:100%;
	}
.section4 .developpement {
	text-align:center;
	}
}

@media screen and (min-width: 35.5em) /*≥ 568px*/{
	
.section4 .jesuis {
    font-size: 4em;
	}
	
.section4 h2 {
	font-size:2.4em;
	}

}



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

.section4 h2 {
	font-family:'noto_sanscondensed'; 
	text-transform : none;
	text-shadow:1px 1px 1px #fffcf3;
	margin: 0 0 0 52px;
	font-size: 2.3em;
	}	
	
.section4 .jesuis {
	font-size: 3.4em;
	margin: 0;
	font-family: helmsleyregular;
	text-align:center;
}
.section4 .developpement {
	font-size:1.7em;
	}
.section4 .vertical-centered {
    height: 25vh;
    transform: translate(0vh, 10vh);
	}	
}

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

.section4 .developpement {
	font-size:2.3em;
	}
.section4 .sliderized {
	display:block;
	/*! padding:0 40px 0 0; */
	}	
.section4 .vertical-centered {
    height: 25vh;
    transform: translate(0vh, 5vh);
	}
}


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

@media (min-width: 1em) {
	.section4 h2 {font-family:noto_sanscondensed;text-transform:capitalize; letter-spacing: 0;}
	.section4 h2 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.jpg);
	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: helmsleyregular;
  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 h1 {
  color: #fffcf3;
  text-shadow: 1px 1px 1px #254f04;
	}
.section5 h1 span {
  text-shadow: 1px 1px #fffcf3;
	}
	
.section5 h1 {
/*  background: linear-gradient(to left, #63bc48, #63bc48, #63bc48, #63bc48, #63bc48, #008846);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;*/
}

.section5 h1 span{
  -webkit-text-fill-color: #211c18;
}

.section5 h2 {
	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 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 */
@media screen and (min-width: 1em) /*(15em)≥ 240px*/{

.section5 h2 {
	text-transform:initial;
	}
.section5 .pure-u-1.pure-u-md-7-24 {
    margin-bottom: 10px;
	}
	
.section5 h2 {
    font-size: 0.5em;
	font-family:noto_sanscondensed;
    margin: 0;
	text-shadow: none;
	}
	
.section5 main {
    text-align: center;
	}
}

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

.section5 h2 {
    font-size: 1em;
	}

}

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

.section5 h2 {
    font-size: 1.1em;
	}
}


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

.section5 h2 {
	font-size:1.25em;
	}
}



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

.section5 h2 {
	font-size:1.4em;
	}
.section5 main {
    text-align: left;
	}
}

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

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


.section5 h1 {
	margin:0;
	}
.section5 h2 {
	font-size:1.4em;
	letter-spacing: 0;
	font-family:noto_sanscondensed_bold;
	}
	
.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.5em;
    font-size: 41px;
    position: absolute;
	}
.section5 .glyphes {
	font-size:7em;
	}
.section5 .posi1 {
	margin-top: 18%;
	}
.section5 .posi2 {
	margin-top:5%;
	}
.section5 iframe {
	border: 7px solid white;
	height: 290px;
	}
.section5 ul li p {
	line-height:.8em; 
	font-size:2.3em;
	}

.section5 .possible {
	font-size:2em;
	line-height: 1.25em;
	}
.section5 .possible span {
	color:#008846;
	}
.section5 .agrandir {
	font-family:noto_sanscondensed; 
	position:relative;
	color:white;
	margin: -25px 0 0 7px;
	font-size: 13px;
	}
.section5 .agrandir a {
	background:white; 
	color:green; 
	padding:0 10px
	}
.section5 .agrandir a:hover {
	color:orangered
	}


.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: 320px) {
    .coo-gps {
        background: #fd3a04;
        width: 100%;
        display: inline-block;
        text-align: center;
        font-family: extra_heavy;
        text-transform: uppercase;
        padding: 8px 0 0 0;
        color: #fffcf3;
        margin-top:50px;
        border: solid 2px #fffcf3;
        color: #fffcf3;
        text-shadow: none;
        text-decoration: none;
        font-size: 16px;
        }
    .coo-gps:hover {color: #fffcf3; text-decoration: none;}
}

@media (min-width: 768px) {
    .coo-gps {
        font-family: 'extra_heavy';
        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;}
}

/*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; /* Ajout de transitions */
      transform: translateY(-100%); /* Commence cachée au-dessus de la viewport */
      opacity: 0; /* Invisible */
    }
.popupgps.show {
    display: block; /* Affiche la div */
    transform: translateY(0); /* Remet la div à sa position originale */
    opacity: 1; /* Rend la div visible */
    }

.popupgps h2 {color: #63bc48; margin-bottom: -9px;}

@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; 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; /*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 12px;
    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: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;
	  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: 'noto_sanscondensed';
  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;
	  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;
	  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;}
}

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



/*** Menu */
.navbar {
	padding-top:0;
	padding-bottom:0;
	}
.navbar > .container-fluid {
	position:fixed;
	display: flex;
	flex-wrap: inherit;
	align-items: center;
	justify-content: space-between;
	top:0;
	background-color:#fffcf3;
	height: 70px;
	z-index:6;
	} 

.container-fluid {
	width: 100%;
	padding-right: var(--bs-gutter-x, .75rem);
	padding-left: var(--bs-gutter-x, .75rem);
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5;
}

.navbar-brand {
  padding-top: .3125rem;
  padding-bottom: .3125rem;
  margin-right: 1rem;
  font-size: 1.25rem;
  text-decoration: none;
  white-space: nowrap;
}

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



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

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

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

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

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

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

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

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

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

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

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

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

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

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

div#maximenuck110 ul.maximenuck li.maximenuck.level1 > a:hover::after{
  transform: scaleX(1);
  transform-origin: center;
	}
	
,
div#maximenuck110 ul.maximenuck li.maximenuck ul.maximenuck2 li > a span.titreck:hover {color:red !important;}
	
/* Fin Animation hover -> underline */


/*** MOBILE */
#maximenuck110-mobile {
    font-family: menufontsabinejbold;
	overflow-y:scroll !important;
	}

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

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

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

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

.maximenuck2 * .level2 a:hover {
  text-decoration: underline !important;
  text-decoration-color: #fd3a04 !important;
  text-decoration-line: underline !important;
  text-decoration-thickness: 2px !important;
  text-underline-offset: .7em;
}

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

	
/* Fin Menu */

/*** Header logo */
 .logo {
	font-family: 'oliviajregular';
	color: #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*/
/*.container .section7 {
	height:500px;	
	box-shadow: 0px 8px 34px #26441d87;
	background:url(../images/bg-footer.jpg) white;
	background-repeat: no-repeat;
	background-position: bottom right;
	}
}
*/

/*** FOOTER */
footer {
	box-shadow:0px 8px 34px #26441d87;
	font-family:'noto_sanscondensed';
	background:url(../images/bg-footer.jpg) no-repeat #fff;
	background-position: right bottom;
	}
	
.footer .container {
    padding-top: 80px;
	max-width: 1800px;
    padding-left: .9em;
    padding-right: .9em;
	}

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

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

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

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

.sitami {
  font-size: 1.8em;
  text-shadow: none;
  padding: 0 5px;
  width: fit-content;
  border-radius: 3px;
  border: solid 1px #fd3a04;
}

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

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


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

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



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




/*** 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;
	font-weight: normal;
	}

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

/* déco glyphes new */
.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 */



/* Bouton down section */	
.bouton-down {
	width:60px;
	height:60px;
	border:solid 2px #63bc4880;
	border-radius :50%;
	background: #ffffff85;
	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;
	}
	
.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;
	}

.bouton-down2 {
	width:60px;
	height:60px;
	border:solid 2px white;
	border-radius :50%;
	background: #00884685;
	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;
	}
	
.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;
	}
	
/* 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;
	}
}