.txt_vert *,
.bg_vert *,
.txt_brun *,
.bg_brun *{
	color: var(--beige)!important;
}

.bg_vert .slide-number{
	color: var(--vert)!important;
}
.bg_brun .slide-number{
	color: var(--brun)!important;
}
.bg_gris .slide-number{
	color: var(--gris)!important;
}
.bg_rose .slide-number{
	color: var(--rose)!important;
}
.bg_vert h5{
	color: var(--gris)!important;
}
.overflowNone{
	overflow-x:hidden;
}
.cols3 {
	margin-top: -2.272727272727273em;
}
.cols4 + section{
	padding-top:  0.9090909090909091em!important;
}
.cols4.cols5Img .flexBetween{
	grid-template-columns: repeat(5, 1fr);
}
.cols4 .flexBetween{
	grid-template-columns: repeat(4, 1fr);
}
.cols4.col53Img .flexBetween {
    gap: 3.090909rem !important;
}
.cols5Img .col4-img-masque img{
    min-height: 200px;
    object-fit: cover;
}
.flexBetween{
	display: grid;
	justify-content: space-between;
	gap: 4.090909090909091rem;


}
.insidePad em{
	font-size:  0.8181818181818182em!important;
}
/*SINGLE */
.single h1{
	  font-size: 2.0454545454545454em;      /* 45px / 22 */
  line-height: 2.27rem;   /* 50px / 22 */
  font-weight: 600;
  margin-bottom:1.04545454545454546rem!important;
  text-wrap: pretty;
}
.back{
	font-size: 0.8em;
	margin-bottom: 1.5rem!important;
	display: inline-block;
	transition: var(--transitionTiming);
}
.back i{
	padding-right: 0.3rem!important;
}
.back:hover{
	color: var(--gris)!important;
}
.flexing{
  margin-bottom: 1.1363636363636365em;
  display: inline-block;
  border-bottom:  1px solid var(--gris);
  padding-bottom: 1.1363636363636365em;
}
.flexing img{
  padding-left: 10%;
}
.flexing:last-of-type{
  margin-bottom: 0!important;
}
.flexing a{
  color: var(--noir);
}
.ctnSingle img.aLaUne{
  /*width: 100%;*/
  margin-bottom: 2.272727272727273em;
}
.viewMore{
  display: inline-block;
  padding-left: 12.5%;
  padding-top: 2.25em;

}
.viewMore h5{
	font-weight: 500;
}
.ctnSingle{
	position: relative;
}
.leftSingle{
    display: inline-block!important;

}
.theListingArticle h3 a{
  text-decoration: none;
}
.theListingArticle .padLeftRight{
  padding-left: 5%;
  padding-right: 5%;
  margin:0;
}
.theListingArticle .addtoany_content{
  display: none;
}
.infoTop h2{
  margin-bottom: 0.5em!important;
}
.single .addtoany_shortcode{
  margin-bottom: 1.5em;
}
.infoArticle{
  color: var(--gris);
  font-size: 0.8181818181818182em;
  margin-bottom: 1em;
}
/*HEADER*/
#masthead{
	padding-top: 0.9090909090909091em;
}
#masthead .flexThat{
	padding-top:  1.7272727272727273em;
	padding-bottom: 1.7272727272727273em;

}
.logo img{
	max-width: 6.5em;
}
.titrePage{
	margin-bottom: 3.1818181818181817em;
}
/*FOOTER*/
.menuFooter{
	margin-top:  0.6818181818181818em;
}
.lineFooter{
	line-height: 0.7rem!important;
	margin-right:0.7272727272727273em;
}
footer{
	margin-top: 3.1818181818181817em;
}
#colophon ul li{
	margin-bottom: 1.2em;
}
#colophon ul li a{ 
	color:var(--beige); 
	font-size: 0.9090909090909091em;
}
#colophon ul li a:hover {
	color:var(--jaune) !important;
}
footer .bg_vert h2{
	color: var(--jaune)!important;
}
footer .bg_vert{
	padding-top:2.55em;
	padding-bottom: 2.55em;
}
footer .bg_rose{
	margin-left: 0.45454545454545453em;
}
footer .smallHeart{
	max-width: 0.7727272727272727rem;
}
footer .bigHeart{
	max-width: 2.9545454545454546em;
	position: absolute;
	top:-4em;
}
footer ul {
	columns: 2;
	-webkit-columns: 2;
	-moz-columns: 2;
}
.footerCol{
	display: flex;
	align-items: stretch;
}
.padRight{
	margin-right: 33.3333333333%;
}
#colophon .maxW .bg_rose{
	padding: 2.8636363636363638em 3.272727272727273em 0;
	height: 100%;
}
#colophon .nf-form-cont {
    margin-top: 1.409091rem !important;
}
#colophon .ninja-forms-field.nf-element {
	border: none;
}
#colophon .nf-error-msg {
	font-size: 10px !important;
}
#colophon .nf-form-content input[type=submit] {
    background: transparent; !important;
    border: solid 2px var(--vert) !important;
    border-radius: 100px !important;
    color: var(--vert); !important;
    transition: all .5s;
    padding: 1.1136363636363635em 1.3409090909090908em !important;
    line-height: 0.5 !important;
    font-weight: 600 !important;
    height: auto !important;
    margin-top: 1.036364em;
}
#colophon .maxW .bg_rose h2{
	color: var(--vert);
}
#colophon .maxW > div{
	height: 100%;
}
#colophon img.logoFoot{
	max-width: 5.909090909090909em;
}
.bottomFoot{
	padding-top: 3.409090909090909em;
}
.leReseau a{
	color: var(--beige);
	font-size:  0.8636363636363636em;
	margin-right:  0.6818181818181818em;
}
.leReseau a i:hover{
	color: var(--jaune) !important;
}
.copyRight{
	display: inline-block;
	padding: 0.35em 0;
	width: 100%;
}
.copyRight p{
	font-size: 0.5454545454545454em;
	color: var(--vert);
	margin-bottom: 0!important;
}

.copyRight .filler{
	height: 1px;
	width: 100%;
	background-color: var(--vert);
	display: inline-block;
}
/*SLIDER 2 COLS*/

.slider-wrapper {
	transition: all 0.4s ease-in-out;
	position: relative;
	/* Supprimer les gaps supplémentaires */
	margin: 0;
	padding: 0;
	display: block;
}

.ctnSlide {
	padding: 1.35em 0;
	transition: all 0.4s ease;
	cursor: pointer;
	width: 100%;
	opacity: 0;
	visibility: hidden;
	transform: translateY(20px);
	min-height: 100px;
	/* Variables par défaut pour les largeurs des bordures */
	--before-width: 0em;
	--after-width: 0em;
	/* Supprimer les gaps entre slides */
	margin: 0;
	border: 0;
	display: block;
	vertical-align: top;
}


.ctnSlide.visible {
	position: relative; /* empilement naturel */
	opacity: 1;
	visibility: visible;
	transform: translateY(0);

}

.ctnSlide.active {
	min-height: 495px;
	z-index: 2;
	padding: 3.1818181818181817em 0;

}

.ctnSlide:not(.active) {
	overflow: hidden;
	z-index: 1;
}

.slide-content {
	opacity: 1;
	transition: opacity 0.3s ease;
}

.slide-description {
	max-height: 0;
	overflow: hidden;
	opacity: 0;
	transition: max-height 0.5s ease, opacity 0.4s ease, margin-top 0.3s ease;
	margin-top: 0;
}

.ctnSlide.active .slide-description {
	max-height: 1000px;
	opacity: 1;
	margin-top: 1.5em;
}

.theBigSlider {
	margin-top: 1.25rem;
}
.theBigSlider .slider-nav {
	position: absolute;
	right: 1.7em;
	top: 4.090909090909091em;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 0.5em;
	left: auto;
}
.theBigSlider em{
	font-size:  0.8181818181818182em;
	font-weight: 300;
}

.theBigSlider .slider-dots {
	position: absolute;
	right: 2.727272727272727em;
	top: 14rem;
	z-index: 10;
	display: flex;
	flex-direction: column;
	gap: 0.25em;
}

.dot {
	width: 10px;
	height: 10px;
	border-radius: 25px;
	background: rgba(255,255,255,0.15);
	cursor: pointer;
	transition: all 0.3s ease;
}
.dot.active { background: rgba(255,255,240,0.5); height: 20px; }
.dot:hover { background: rgba(255,255,240,0.15); }

.theBigSlider .nav-arrow {
	background: rgba(255,255,255,0.9);
	border: 1px solid var(--beige);
	width: 2.590909090909091rem;
	height: 2.590909090909091rem;
	border-radius: 50%;
	cursor: pointer;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.3s ease;
	font-size: 1.3181818181818181em;
	color: var(--vert)!important;
}
.theBigSlider .nav-down,
.theBigSlider .nav-arrow:hover { background: var(--beige);  }
.theBigSlider .nav-arrow:disabled { opacity: 0.3; cursor: not-allowed; transform: none; }

.theBigSlider .slide-number {
	margin-right: 1rem;
	transition: color 0.3s ease;
}
.bg_rose .slide-number,
.bg_gris .slide-number{
	background-image: url('images/pastilleChiffreVert.webp')!important;

}
.theBigSlider .slide-number{
	background-image: url('images/pastilleChiffre.webp');
	width: 78px;
	height: 78px;
	display: inline-flex
	;
	font-weight: bold;
	font-size: 1.5909090909090908rem;
	align-items: center;
	justify-content: center;
}

.theBigSlider .slide-title {
	margin: 0;
	transition: all 0.3s ease;
}

.theBigSlider .slide-description .col {
	padding: 0  1.8181818181818181rem;
	display: inline-block;
	vertical-align: top;
}
.slide-description .col:first-child { padding-left: 0; }
.slide-description .col:last-child { padding-right: 0; }

/* Bordures dynamiques utilisant les variables CSS */
.ctnSlide::before {
	content: '';
	position: absolute;
	left: 0;
	top: -1px;
	bottom: -1px;
	height: calc(100% + 2px);
	width: var(--before-width, 0em);
	background: var(--beige);
	transition: all 0.3s ease;
}

.ctnSlide::after {
	content: '';
	position: absolute;
	right: 0;
	top: -1px;
	bottom: -1px;
	height: calc(100% + 2px);
	width: var(--after-width, 0em);
	background: var(--beige);
	transition: all 0.3s ease;
}

/* La slide active n'a pas de bordures */
.ctnSlide.active::before,
.ctnSlide.active::after {
	width: 0em;
}

/* Animation d'entrée */
.ctnSlide {
	animation: slideInFromRight 0.6s ease-out forwards;
	animation-delay: calc(0.1s * var(--slide-index));
}
@keyframes slideInFromRight {
	from { opacity: 0; transform: translateX(30px); }
	to { opacity: 1; transform: translateX(0); }
}


/*BANNIERE*/
.cloud-shape{
	width: 100%;
	aspect-ratio: 1338 / 581; /* Keeps the original aspect ratio */

	mask-image: url(images/trouCloud2.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;

	-webkit-mask-image: url(images/trouCloud2.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;

	display: flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.cloud-shape img {
	width: 100%;
	height: 100%;
	object-fit: cover; /* OR try 'cover' if you want full fill */
}
.marginShape{
	margin:0 5.909090909090909rem;

}
.bannerHome{
	position: relative;
}
.bannerHome h4{
	text-wrap: pretty;
}
.bannerHome:before{
	content: "";
	background-image: url('images/iAsterisque.webp');
	width: 125px;
	height: 131px;
	display: inline-block;
	position: absolute;
	right: 17.333%;
	top: 6.181818181818182em;
}
.bannerHome:after{
	content: "";
	background-image: url('images/iStar.webp');
	width: 264px;
	height: 165px;
	display: inline-block;
	position: absolute;
	left: 15.5%;
	top: 9.772727272727273em;
}
.bannerHome h1{
	margin-bottom: 1.3636363636363635rem;
}
/*SLIDER IMAGE*/
.underSlider *{
	font-weight: 300!important;
}
.le_slider{
	padding: 2.272727272727273em 0;
}
.theImage {
	display: flex!important;
	justify-content: center;
	align-items: center;    
	height: 100%;           
	text-align: center;
}

.theImage img {
	max-width: 100%;
	height: auto;
	display: block;
}
/*FAQ*/
.titreToggle{
	font-weight: 500;
	color: var(--vert);
	font-size: 1.0909090909090908em;
	line-height: 1.05em;
	text-wrap: pretty;
}
.rowToggle{
	border-bottom: 1px solid var(--vert);
	padding: 1.0454545454545454em 0!important;
}
.moreDesc i{
	color: var(--vert);
}
.theTogglePage{
	padding-top: 2.590909090909091em;
	padding-bottom: 2.272727272727273em;
}
.toggle  {
	position: relative;
}
.toggle.imgBgFaq:before{
	content: "";
	background-image: url('images/iAsterisqueRose.webp');
	width: 119px;
	height: 125px;
	display: inline-block;
	position: absolute;
    left: 16%;
	top: 6.363636363636363em;
}
.toggle.imgBgFaq:after{
	content: "";
	background-image: url('images/bushVert.webp');
	width: 146px;
	height: 108px;
	display: inline-block;
	position: absolute;
    right: 15em;
	bottom: 6.363636363636363em;
}
.toggleMore{
	margin-top: 1em;
}
.toggleMore p,
.toggleMore li{
	font-size: 0.9090909090909091em;
}
.rowToggle {
	display: inline-block;
	width: 100%;
}
.rowToggle:hover{
	cursor: pointer;
}
.rowToggle p,
.rowToggle li{
	color: var(--vert);
}
/*LISTINGS ARTICLES*/

.listingNews{
    display: flex;
    flex-wrap: wrap; /* allows new rows */
    gap: 3.636em;
    padding-top: 3.182em;
}

.listingNews > * {
    flex: 0 0 calc((100% - 2 * 3.636em) / 3); 
    /* 3 items per row accounting for gap */
}
.listingNews h6{
	font-size: 0.7272727272727273em;
	background-color: var(--vert);
	display: inline-block;
	border-radius: 25px;
	font-weight: 300!important;
	padding: 0.5em 1.48em;
	position: absolute;
	top: -1em;
	left: 1em;
	color: var(--beige);
	margin-bottom: 1.7em;
}
.listingNews .ctnSingle h6{
  font-size: 0.7272727272727273em;
  background-color: var(--vert);
  display: inline-block;
  border-radius: 25px;
  font-weight: 300 !important;
  padding: 0.5em 1.48em;
  color: var(--beige);
  margin-bottom: 1.7em;
  position: relative;
  display: inline-block;
  left: 0;
  top: 0;
}
.listingNews h5{
	font-weight: 600;
  margin-bottom: 0.3em !important;
}
.listingNews ul{
    margin-bottom: 1.4545454545454546em !important;
}

.listingCtn {
	display: flex;
	flex-direction: column;
	height: 100%;
	justify-content: space-between;
}

.listingCtn .listingDate {
	height: auto;
	margin-top: auto;
}

/*.imgListingCtn {
  overflow: hidden; 

}*/
.imgListingCtn img {
  display: block;                  
  width: 100%;                   
  transition: transform .4s ease;  
  transform-origin: center center; 
  min-height: 303px;
  max-height: 310px;
  object-fit: cover;
  margin-bottom: 0.5em;
}
.listingNews .col:hover .imgListingCtn img {
  transform: scale(1.05);        
}

/*Section 1 bulle*/
.sectionBulle{
	margin-top: -3.1818181818181817em;
}
.sectionBulle .padLR{
	padding-right:  2.272727272727273em;
	padding-left:  2.272727272727273em;
	position: relative;

}
.bulle{
	width: 100%;
	aspect-ratio: 710 / 710;
	mask-image: url(images/masqueBulle.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url(images/masqueBulle.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	display: flex
	;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	max-width: 710px;
}
.ctnBulle{
	padding: 0  6.2727272727272725em 0 5.090909090909091em;
}
.imgOnBulle{
	position: absolute;
	bottom: 0;
	right: -6em;
}
.sectionBulle .maxW{
	background-image: url('images/backgroundSmile.webp');
	background-repeat: no-repeat;
	background-position: 0 -10px;
}
.bulle{
	position: relative;
	margin:0 auto;
}
.sectionBulle .padTB{
	padding-top:  6.363636363636363em!important;
	padding-bottom:  3.1818181818181817em!important;
}
.sectionBulle .padLR:before{
	content: "";
	background-image: url('images/bushGris.webp');
	width: 302px;
	height: 176px;
	position: absolute;
	bottom: 0.5em;
	left: 0;
	z-index: 2;
}
/*col 4 image*/
.titreSection {
	margin-bottom: 2.272727272727273em;
}
.cols4Img p{
	font-weight: 300;
	font-size: 0.8181818181818182em;

}
.cols4Img h4{
	font-weight: bold;
	padding-top: 0.4090909090909091em;
}
.col4-img-masque{
	width: 100%;
	aspect-ratio: 292 / 267;
	mask-image: url(images/masque4cols.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url(images/masque4cols.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	display: flex
	;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.col4-img-masque img{
	min-height: 330px;
	object-fit: cover;
}
/*col3  txt +  img + txt */
.col3txtImgTxt.bgColorAfter .padTB{
	padding-top: 1.8181818181818181em!important;
	padding-bottom: 1.8181818181818181em!important;
}
.d-3-10 .theCol2Ctn{
	padding-right: 33.3333333333%; ;
}
.image-masque{

	width: 100%;
	aspect-ratio: 481 / 441;
	mask-image: url(images/masque3cols.svg);
	mask-repeat: no-repeat;
	mask-size: contain;
	mask-position: center;
	-webkit-mask-image: url(images/masque3cols.svg);
	-webkit-mask-repeat: no-repeat;
	-webkit-mask-size: contain;
	-webkit-mask-position: center;
	display: flex
	;
	align-items: center;
	justify-content: center;
	overflow: hidden;
}
.marginShape2{
	margin:0 3.5454545454545454em;

}
.image-masque img{
	margin:0!important;
	width: 100%;
	height: 100%;
	object-fit: cover;

}
.col3txtImgTxt .bigChiffre + h3{
	font-weight: 700;
}
.col3txtImgTxt h2 {
	margin-bottom: 2.045455rem !important;
}
.listeIcone{
	display: inline-flex;
	align-items: center;
	border-bottom: 1px solid var(--gris);
	padding: 0.8181818181818182em 0;
	font-size: 1em;
	line-height: 1.27rem;
	font-weight: 400;
	text-wrap: pretty;
}
.listeIcone img{
	margin-right:  1.1363636363636365em;
}
.listeIcone:last-of-type{
	border-bottom: 0!important;
}
.col3txtImgTxt .padTB{
	padding-top: 4.318181818181818em!important;
	padding-bottom: 4.318181818181818em!important;
}
.col3txtImgTxt h2:last-of-type:last-child{
	margin-bottom: 0!important;
}

.theCol2 img{
	margin-top: -4.85em;
	margin-bottom: -5.454545454545454em;
}
h3 + p > .btn{
	margin-top: 2.0454545454545454em;
}
.col3txtImgTxt {
	position: relative;
}
.col3txtImgTxt .flexThat{
	z-index: 2;
	position: relative;
}
/*5050*/

/*5050 Chiffre*/
.chiffre5050 .titreSection h2{
	margin-bottom: 0!important;
}
section .bigChiffre p:last-of-type{
	margin-bottom: 0.5rem!important;
	
}
.bigChiffre p{
	font-size: clamp(2em, calc(5vw + 1rem), 5.681818181818182em)!important;
	color: var(--vert);
	line-height: 0.7!important;
	font-weight: 900!important;
}
.bigChiffre sup{
	font-size:  1.7272727272727273rem;
	line-height: 1em!important;
	top: -1.5em!important;
}
.theBox h3{
	letter-spacing: -0.02em;
	font-weight: 800 !important; 
}
.theBox{
	padding:  3.8636363636363638em 0;
	display: inline-block;
	width: 100%;
}
.sectionChiffre .row50:first-child .theBox{
	padding-top: 0!important;
}
.sectionChiffre h5{
	font-weight: normal!important;
	margin-bottom: 0!important;
	text-wrap: pretty;
}
.cols4Icone .row50:last-of-type .theBox4{
	padding-bottom: 0!important;
}
.row50{
	position: relative;
	display: inline-block;
	width: 100%;
}
.row50:last-child .theBox{
	padding-bottom: 0!important;
}
.row50:after{
	content: "";
	height: 1px;
	background-color: var(--vert);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100vw;
	overflow: hidden;
}
.row50:last-child:after{
	display: none;
}

/*4 COLONNES*/
.theBox4{
	/*padding:  3em 1.5em 3em 0;
	display: inline-block;
	width: 100%;*/
    padding: 3em 1.5em 3em 0;
    display: inline-block;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    flex-wrap: wrap;
    justify-content: center;
}
.theBox4 img{
	margin-bottom: 1.2727272727272727em;
	max-width: 7em;
}
.theBox4 p{
	font-weight: 400;
}

/*NOUVELLES*/
.filterBtn.btn.btnVert {
    font-size: 0.7272727272727273em;
    font-weight: 300 !important;
    padding: 0.5em 1.48em;
}
.listingArticles.padTB {
	padding-top: 0 !important;
	padding-bottom: 0 !important;
}