/*
Theme Name: Chrysalia
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team, Anaïs Vautier
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Thème enfant de Hello! Elementor pour Chrysalia bien-être.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 1.0.1779808155
Updated: 2026-05-26 16:09:15

*/

html{
	width: 100vw;
  overflow-x: hidden;
}
.elementor-element-b017992 ol li{
    padding: 0.7rem;
}
/** ONGLETS CONTACT **/
.RS {
background-color:#fff;
border-radius:20px 0px 0px 20px;
padding:10px; 
display: flex;
gap: 5px;
align-items: center;
border: solid 1px #149F88;
}
.RS i{
color: #149F88;
padding: 5px;
}
.RS a {
display: none;
}
.RS:hover a{
text-decoration: none;
display: inline-block;
}
/**LOGO HERO ACCUEIL**/
.logo-hero .elementor-icon-wrapper .elementor-icon svg .st0, .logo-hero .elementor-icon-wrapper .elementor-icon svg .st1{
	fill: #F8F6F2;
}
/**LOGO FOOTER**/
.logo-footer svg > g > g > g > .st0, .logo-footer svg > g > g > g > g > .st0{
	fill: #F8F6F2;
}
/**BOUTON NEWSLETTER FOOTER**/
#btn-newsletter .elementor-button-content-wrapper .elementor-button-icon svg .st0{
	fill: #C7B389;
}
/**POPUP NEWSLETTER**/
#popmake-3405 {
	background-color: #F8F6F2;
	display: flex;
	padding: 2rem;
	border-radius: 1rem;
}
.pum-theme-3403 .pum-title, .pum-theme-content-only .pum-title{
	text-align: center !important;
	font-weight: 600 !important;
	color: #2C150D !important;
}
.pum-theme-3403 .pum-content + .pum-close, .pum-theme-content-only .pum-content + .pum-close{
	color: #2C150D !important;
}
.pum-theme-3403 .pum-content, .pum-theme-content-only .pum-content{
	color: #2C150D !important;
	font-size: 18px !important;
}
.sib_signup_box_inside_2{
	display: flex !important;
	flex-flow: column !important;
	gap: 1rem !important;
}
.sib-multi-lists-area{
	display: flex !important;
	flex-flow: column !important; 
	gap: 0.5rem !important;
}
.champs-newsletter{
	display: flex !important;
	flex-flow: column !important;
	gap: 0.5rem !important;
}
form#sib_signup_form_2 input[type=text], form#sib_signup_form_2 input[type=email], form#sib_signup_form_2 select{
border-left: 2px solid #2C150D !important;
border-bottom: 2px solid #2C150D !important;
border-top: none !important;
border-right: none !important;
	border-top-right-radius: 15px !important;
	border-bottom-left-radius: 15px !important;
	border-bottom-right-radius: 0px !important;
	border-top-left-radius: 0px !important;
	background-color: #fff !important;
}
.sib-multi-lists div, .consentement-newsletter{
	display: flex !important;
	gap: 0.2rem !important;
}
.sib-interesting-lists {
	border: solid 2px #2C150D !important;
}
.conteneur-btn-newsletter{
	display: flex;
	justify-content: center;
}
form#sib_signup_form_2 .sib-default-btn{
	background-color: #C05B3C !important;
	color: #F8F6F2 !important;
	text-transform: uppercase !important;
	font-size: 24px !important;
	font-weight: 600 !important;
	border-radius: 1rem !important;
	padding: 1rem 1.2rem !important;
	box-shadow: 0 0 20px 4px #ffffff4d, 0 0 10px 0 #ffffff99 !important;
}
form#sib_signup_form_2 .sib-default-btn:hover{
	box-shadow: 0 0 30px 20px #ffffffcc, 0 0 10px 0 #ffffff99 !important;
	color: #C05B3C !important;
	background-color: #F8F6F2 !important;
}
/** HEADER ACCUEIL **/
.header-1{
	left: 50%; 
	transform: translate(-50%, -50%);
}
/**LOGO HEADER ACCUEIL**/
.logo-header-1{
	display: none !important;
}
.logo-header-1 svg .st0{
	fill: #fff !important;
}
/**MENU DE NAVIGATION ACCUEIL**/
.elementor .e-7491d16-be4db45{
	padding-inline-start: 1rem;
	padding-inline-end: 1rem;
}
/**ICÔNE NAV HEADER ACCUEIL**/
div.elementor.elementor-3413 > div > div > div > div > .hfe-nav-menu__toggle > .hfe-nav-menu-icon > svg > path{
	fill: #2C150D !important;
}
.elementor-element-7491d16 div nav > .hfe-nav-menu{
	padding: 1rem 0.5rem;
}
body:not(.rtl) .elementor-3413 .elementor-element.elementor-element-398479d .hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item {
	margin-bottom: 0px !important;
}
/**MENU DE NAVIGATION HEADER**/
.elementor-element-d43c755 div nav > .hfe-nav-menu{
	padding: 1.5rem;
}
.hfe-menu-item{
	border-right: solid 2px #C7B389;
}
#menu-item-2857 .hfe-menu-item{
	border-right: none;
}
/**MENU DE NAVIGATION FOOTER**/
.menu-footer .elementor-widget-navigation-menu .elementor-widget-container div nav .hfe-nav-menu .menu-item .hfe-menu-item{
	border-right: solid 2px #2C150D;
}
.menu-footer .elementor-widget-navigation-menu .elementor-widget-container div nav .hfe-nav-menu .menu-item:last-child .hfe-menu-item {
	border-right: none !important;
}
/**Bouton CTA icône**/
.elementor-button{
	box-shadow: 0 0 20px 4px #ffffff4d, 0 0 10px 0 #ffffff99 !important;
}
.elementor-button:hover{
	box-shadow: 0 0 30px 20px #ffffffcc, 0 0 10px 0 #ffffff99 !important;
}
.elementor-button-text{
	line-height: 1.5;
}
.elementor-button-icon{
	display: flex;
	justify-content: center;
	align-items: center;
}
.elementor-button-icon:before{
	content: "";
	height: 22px;
  width: 0.125rem;
  background-color: #F8F6F2;
  border-radius: 100px;
  margin: 0 0.6rem;
	will-change: transform;
}
.elementor-button .elementor-button-icon svg .st0{
	fill: #F8F6F2;
}
.elementor-button:hover .elementor-button-icon svg .st0, .elementor-button:focus .elementor-button-icon svg .st0{
	fill: #C05B3C;
}
.elementor-button:hover .elementor-button-icon:before, .elementor-button:focus .elementor-button-icon:before{
  background-color: #C05B3C;
}
.elementor-button-icon svg{
	width: 22px;
}
/**BOUTON NEWSLETTER FOOTER**/
#btn-newsletter .elementor-button-content-wrapper .elementor-button-icon:before{
	content: "";
	height: 22px;
  width: 0.125rem;
  background-color: #C7B389;
  border-radius: 100px;
  margin: 0 0.6rem;
	will-change: transform;
}
#btn-newsletter:hover .elementor-button-content-wrapper .elementor-button-icon:before{
	 background-color: #2C150D !important;
}
#btn-newsletter:hover .elementor-button-content-wrapper .elementor-button-icon svg .st0{
	fill: #2C150D !important;
}
/**HEADER 2**/
.logo-header-2 svg .st0{
	fill: #C7B389 !important;
}
/**CARD MASSAGES ACCUEIL**/
.txt-card-accueil, .btn-card-accueil{
	display: none !important;
}
.bandeau-card-accueil:hover .txt-card-accueil, .bandeau-card-accueil:hover .btn-card-accueil{
	display: flex !important;
}
.bandeau-card-accueil:hover .ico-card-accueil{
	transform: rotate(90deg) !important;
}
/**BOUTON CARDS ACCUEIL**/
.elementor-button-text{
	display: flex;
	gap: 0.5rem;
}
.btn-card-accueil:hover a .elementor-button-content-wrapper .elementor-button-text:after, .btn-chogan-accueil:hover a .elementor-button-content-wrapper .elementor-button-text:after {
	content: url(https://chrysalia-bienetre.fr/wp-content/uploads/angle-right-solid-full-roux.svg);
	width: 0.4rem;
    display: inline-block;
}
/** AVIS GOOGLE **/
.ti-widget.ti-goog.ti-no-profile-img .ti-reviews-container-wrapper{
	align-items: center;
	justify-content: center;
}
/**LOGO CHOGAN**/
#Logo_Chogan #Typo .st0, #Logo_Chogan #Picto .st0{
	fill: #2C150D;
}
/**Bouton card Chogan**/
.btn-card-chogan a{
	box-shadow: none !important;
}
.btn-card-chogan:hover a{
box-shadow: 0 0 10px 0 #ffffff99 !important;
}
/**Boutons article précédent/suivant**/
.elementor-widget-wpr-post-navigation{
	display: flex;
}
.wpr-post-navigation-wrap{
	justify-content: space-between;
	width: 100%;
}
.wpr-post-nav-next{
	display: flex;
	justify-content: flex-end;
}
.wpr-post-nav-prev{
	display: flex;
	justify-content: flex-start;
}
.wpr-post-nav-next a, .wpr-post-nav-prev a{
	justify-content: space-between;
background-color: #F8F6F2E6;
	padding: 3% 4%;
	border-radius: 6% / 26%;
	box-shadow: #ffffff99 0px 0px 10px 0px;
}
.wpr-posts-navigation-svg-wrapper{
	background-color: #4A6553 !important;
}
.wpr-posts-navigation-svg-wrapper svg g .st0 {
	fill: #F8F6F2;
}
.wpr-post-nav-next a:hover, .wpr-post-nav-prev a:hover{
	box-shadow: 0px 0px 10px 0px #ffffff99, 0px 0px 20px 4px #ffffff4d;
backdrop-filter: blur(10px);
}
.wpr-post-nav-next a:hover .wpr-posts-navigation-svg-wrapper, .wpr-post-nav-prev a:hover .wpr-posts-navigation-svg-wrapper{
	background-color: #C05B3C !important;
}
.wpr-post-nav-prev a:hover .wpr-post-nav-labels span, .wpr-post-nav-next a:hover .wpr-post-nav-labels span{
	color: #C05B3C !important;
}
.wpr-post-nav-labels span{
	text-align: center;
}
.wpr-post-nav-static{
	width: 100%;
}
 
/**FLECHE SECTION HERO ACCUEIL**/
.hero-accueil{
	z-index: 1;
}
.pres-accueil::before {
    content: "";
    position: absolute;
    left: calc(50% - 0.85em);
    width: 3.5rem;
    height: 3.5rem;
    bottom: 100%;
    border-radius: 0 0 0.5rem 0;
    background-color: #2C150D;
    transform: rotate(30deg) skew(-30deg);
    margin-top: -2.3rem;
}

/**COMPOSANT FAMILLES OLFACTIVES**/
.conteneur-icones {
  display: flex;
	justify-content: center;
  align-items: start;
  gap: 3rem;
}

.conteneur-icone-bulle {
  display: flex;
  flex-flow: column;
  align-items: center;
  justify-content: center;
  gap: 1.5rem;
  width: 80px;
}
.conteneur-icone-titre {
  display: flex;
  gap: 2rem;
  align-items: center;
}
.conteneur-icone-titre .icone-fleche, .conteneur-icone-titre .icone-fleche:not(:root){
	display: none !important;
}
.titre-mobile-fam-olf {
  display: none;
}
.titre-bulle-fam-olf {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 22px;
  font-weight: 600;
  padding: 0;
  margin: 0 auto;
  z-index: 1;
}
.icone {
  display: flex;
	align-items: center;
	justify-content: center;
	width: 80px;
  height: 80px;
}
.icone-famille .st0{
	fill: none !important;
}
.icone-famille .st1{
	fill: #C05B3C !important;
}
.conteneur-icone-bulle:hover .bulle {
  /**Layout**/
  position: relative;
  width: 25rem;
  border-radius: 1rem;
  padding: 1.125em 1.5em;
  /**Apparence**/
  background-color: #ffffff;
  /**Contenu**/
  display: flex;
  flex-flow: column;
  gap: 1rem;
}
.bulle:before {
  content: "";
  position: absolute;
  left: calc(50% - 0.85em);
  width: 1.7em;
  height: 1.7em;
  bottom: 100%;
  border-radius: 0.5em 0 0 0;
  background-color: #ffffff;
  transform: rotate(45deg);
  margin-bottom: -1em;
}
.bulle {
  display: none;
}
.texte-principal {
  font-family: "Montserrat", Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: 400;
  padding: 0;
  margin: 0 auto;
}

@media (max-width: 767px) {
  .conteneur-icones {
    flex-flow: column;
    justify-content: center;
    align-items: center;
		gap: 2rem;
  }
	.conteneur-icone-bulle{
		width: auto;
	}
	.conteneur-icone-titre{
		justify-content : space-between;
	}
	.conteneur-icone-titre .icone-fleche, .conteneur-icone-titre .icone-fleche:not(:root){
		display: inline-block !important;
		width: 12px;
		
	}
  .titre-bulle-fam-olf {
    display: none;
  }
  .titre-mobile-fam-olf {
    display: inline-block;
    font-family: "Montserrat", Arial, Helvetica, sans-serif;
    font-size: 20px;
    font-weight: 600;
    padding: 0;
    margin: 0 auto;
    z-index: 1;
  }
  .conteneur-icone-bulle:hover .bulle {
    /**Layout**/
    position: relative;
    width: auto;
		max-width: 25rem;
    border-radius: 1rem;
    padding: 1.125rem 1.5rem;
    /**Apparence**/
    background-color: #ffffff;
    /**Contenu**/
    display: flex;
    flex-flow: column;
    gap: 1rem;
  }
	.conteneur-icone-bulle:hover .conteneur-icone-titre .icone-fleche{
		transform: rotate(90deg);
	}
.texte-principal{
		font-size: 12px;
	}
}

/**HOVER IMAGE EXEMPLE PRODUIT**/
.ex-pdt .img-ex-pdt, .ex-pdt .txt-ex-pdt{
transition: all 0.5s ease-in-out ;
}
.ex-pdt:hover .txt-ex-pdt, .ex-pdt:focus .txt-ex-pdt{
	opacity: 1;
}
.txt-ex-pdt{
	position: absolute;
	top: 0;	
	opacity: 0;
}
.ex-pdt:hover .img-ex-pdt, .ex-pdt:focus .img-ex-pdt{
	filter: blur(30px) !important;
}
/**CARD PRODUITS CHOGAN**/
.cards-chogan .card-chogan:hover{
	transform: scale(1.1,1.1)
}
.cards-chogan:hover > .card-chogan:not(:hover){
	filter: blur(10px);
  transform: scale(0.9, 0.9);
}
/**ICÔNE LOGO CHOGAN**/
.icone-chogan{
	height: 20rem;
	min-width: fit-content !important;
}
/**POST GRID BILLETS MASSAGE DU MONDE**/
.post-grid{
	display: flex;
	flex-flow: column;
	gap: 2rem;
	width: fit-content;
}
.grid-item{
	background-color: #fff;
	border-radius: 2rem;
	display: flex;
	justify-content: space-between;
}
.fixe-billet-massage{
	display: flex;
}
.img-billet-massage{
	object-fit: cover;
	height: auto !important;
	width: 7vw;
	overflow: hidden;
	border-radius: 2rem 0 0 2rem !important;
}
.txt-billet-massage{
	padding: 1rem 2rem 1rem 2rem;
	display: flex;
	flex-flow: column;
	justify-content: center;
	width: 24vw;
}
.titre-billet-massage{
	text-transform: uppercase;
	font-size: 28px !important;
	color: #2C150D !important;
}
.extrait-billet-massage{
	display: flex;
}
.extrait-billet-massage p{
	text-transform: uppercase !important;
	font-size: 18px;
	color: #2C150D !important;
	margin-block-end: 0;
	width: auto;
}
.detach-billet-massage{
	display: flex;
	flex-flow: column;
	border-left: dashed 2px #C7B389;
	align-items : center;
	justify-content : center;
	padding: 2rem !important;
	gap: 2rem;
}
.detach-billet-massage svg{
	width: 7rem;
	transform: rotate(45deg);
}
.btn-billet-massage{
	background-color: #C05B3C;
	color: #F8F6F2 !important;
	text-decoration: none !important;
	border-radius: 15px;
	font-size: 15px !important;
	font-weight: 600 !important;
	text-transform: uppercase !important;
	padding: 1rem 1.2rem;
	display: flex;
	align-items: center;
	justify-content: center;
	width: fit-content;
	gap: 0.5rem;
	text-align: center;
}
.btn-billet-massage:hover{
	background-color: #F8F6F2;
	color: #C05B3C !important;
	box-shadow: 0 0 10px 0 #ffffff99 !important;
}
/**.btn-billet-massage:hover:after {
	content: url(/wp-content/uploads/angle-right-solid-full-roux.svg);
	width: 0.5rem;
	fill: #C05B3C;
}**/
/**RESPONSIVE MOBILE**/
@media (max-width: 767px){
	.cache-mobile{
		display: none !important;
	}
	.logo-header-1{
		display: flex !important;
	}
	.hfe-nav-menu{
		height: auto !important;
		justify-content: center !important;
	}
	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical{
		padding: 2rem;
		align-items: center;
	}
	.hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hfe-nav-menu-icon svg{
		scale : 1.8;
	}
	.hfe-nav-menu-icon svg path{
		fill: #C7B389;
	}
	.hfe-menu-item{
		align-items: center !important;
		justify-content: center !important;
		text-align: center;
		border-right: none;
	}
	.menu-footer .elementor-widget-navigation-menu .elementor-widget-container div nav .hfe-nav-menu .menu-item .hfe-menu-item{
	border-right: none;
}
	.elementor-button-icon svg{
	width: 20px;
}
	.txt-ex-pdt{
	opacity: 100;
		position : relative;
}
	.texte-principal{
		text-align: center;
	}
	.cards-chogan .card-chogan:hover{
		transform: none;
	}
	.cards-chogan:hover > .card-chogan:not(:hover){	
	filter: none;
  transform: none;
}
	.icone-chogan{
	height: 14rem;
}
	.post-grid{
		gap: 1rem;
		width: 86vw;
	}
	.grid-item{
		flex-flow: column !important;
	}
	.fixe-billet-massage{
		flex-flow: column !important;
	}
	.img-billet-massage{
		width: 100%;
		border-radius: 2rem 2rem 0 0 !important;
		height: 40vw !important;
	}
	.txt-billet-massage{
		width: auto;
		padding: 1rem 1.5rem;
	}
	.detach-billet-massage{
		flex-flow: row-reverse !important;
	}
	.titre-billet-massage{
		font-size: 22px !important;
	}
	
	.extrait-billet-massage p{
		font-size: 14px;
	}
	.detach-billet-massage{
		gap: 1rem;
		padding: 1.5rem !important;
		border-left: none;
		border-top: dashed 2px #C7B389;
	}
	.detach-billet-massage svg{
		width: 4rem;
	}
}
/**RESPONSIVE TABLETTE**/
@media (min-width: 767px) and (max-width: 1024px){
.cache-mobile{
		display: none !important;
	}
	.logo-header-1{
		display: flex !important;
	}
		.hfe-nav-menu{
		height: auto !important;
		justify-content: center !important;
	}
	.hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-horizontal, .hfe-nav-menu__breakpoint-tablet .hfe-active-menu + .hfe-nav-menu__layout-vertical{
		padding: 2rem;
		align-items: center;
	}
	.hfe-nav-menu__layout-horizontal .hfe-nav-menu > li.menu-item{
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.hfe-nav-menu-icon svg{
		scale : 1.8;
	}
	.hfe-nav-menu-icon svg path{
		fill: #C7B389;
	}
	.hfe-menu-item{
		align-items: center !important;
		justify-content: center !important;
		text-align: center;
		padding-top: 0 !important;
		padding-bottom: 2rem !important;
		border-right: none;
	}
	.menu-footer .elementor-widget-navigation-menu .elementor-widget-container div nav .hfe-nav-menu .menu-item .hfe-menu-item{
	border-right: none;	
	padding-bottom: 1rem !important;
}
	.menu-footer .elementor-widget-navigation-menu .elementor-widget-container div nav .hfe-nav-menu .menu-item:last-child .hfe-menu-item{
		padding-bottom: 0rem !important;
	}
.conteneur-icones{
		gap: 0.5rem;
		flex-wrap: wrap;
	}
.conteneur-icone-bulle:hover .bulle {
	width: 14rem;
	justify-content: center;
	align-items: center;
	}
.txt-ex-pdt{
	opacity: 100;
		position : relative;
}
.titre-bulle-fam-olf{
		font-size: 18px;
	text-align: center;
	}
.texte-principal{
	font-size: 12px;
	text-align: center;
	}
	.cards-chogan .card-chogan:hover{
		transform: none;
	}
	.cards-chogan:hover > .card-chogan:not(:hover){	
	filter: none;
  transform: none;
}
	.icone-chogan{
	height: 16rem;
}
	.img-billet-massage{
		width: 12vw;
	}
	.post-grid{
		width: 92vw;
		gap: 1.5rem;
	}
	.txt-billet-massage{
		width: auto;
	}
	.detach-billet-massage{
		width: 24vw;
		}
}