/*
 Theme Name: Astra Child
 Theme URI: https://zenzizen.be
 Description: Thème enfant d’Astra pour personnalisation.
 Author: Jewelsinger
 Template: astra
 Version: 1.0.0
*/

/* Ici, tu pourras ajouter ton CSS personnalisé */

/* Simple custom css*/
/* page accueil*/
html, body {
    overflow-x: hidden;
}

.ast-primary-header-bar,
.main-header-bar-navigation {
    max-width: 100vw;
    overflow-x: hidden;
}

/* eviter les flash de colonne du au chargement tardif du script */
/* Empêche le flash du menu en colonne avant que le JS d'Astra agisse */
.main-header-bar .main-header-menu {
  display: flex !important;
  flex-wrap: nowrap !important;
  flex-direction: row !important;
  justify-content: center; /* tu peux mettre space-between si tu préfères */
}
/* Bloque le glissement horizontal du header et de l'image */
/* .ast-primary-header-bar,
.site-header,
.colonnes-home-header {
    overflow-x: hidden;
} */

.main-header-bar .main-header-menu > li {
  flex: 0 0 auto;
}


.banniereHome{
	position:relative;
	overflow:visible;
}


.scroll-arrow {
  position: absolute;
  bottom: -76px;
  left: 50%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
  z-index: 10;
}

@keyframes bounce {
  0%, 100% { transform: translateX(-50%) translateY(0); }
  50% { transform: translateX(-50%) translateY(8px); }
}

@media (max-width:719px){
		.bloc-bouton-home{
				max-width:100%!important;
		}
		.bloc-bouton-home a{
				font-size:12px!important;	
		}
		.scroll-arrow{
				position: absolute;
  bottom: 250px;
  left: 85%;
  transform: translateX(-50%);
  animation: bounce 2s infinite;
  z-index: 10;
		}
}

@media(max-width:719px){
		.installations{
				padding-bottom:1px!important;
		}
}

/* page tarifs et horaires */
.conteneur-horaire {
  display: flex;
	 align-items: stretch;
  gap: 0 !important;
} 

.conteneur-horaire > * {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

 	.groupePlagesHoraires{
		margin:5px 200px!important;
	}

@media (min-width:720px) and (max-width:1023px){
		.titre-bloc-horaire{
				font-size:19px!important;
		}		
		.groupePlagesHoraires h5{
				font-size:28px;
		}
}


@media (max-width: 719px) {
		.titre-bloc-horaire{
				font-size:21px!important;
		}		
		.groupePlagesHoraires{
		margin:5px 20px!important;
	}
		.groupePlagesHoraires h5{
				font-size:27px!important;
		}		
	.conteneur-horaire>* {
  display:flex!important;
		align-items:stretch!important;	
}
  .conteneur-horaire > * h3 {
    font-size: 14px!important; 
  }
}

@media (min-width: 1025px) {
.colonnePlagesHoraires p.has-background {
	padding:0;
	margin:25.5px 0px 6.5px;
}
}


/*scroll to top*/
/*
/* @keyframes pulseScrollTop {
  0%, 100% {
    transform: scale(1);
    box-shadow: 0 0 6px rgba(164, 26, 157, 0.6);
  }
  50% {
    transform: scale(1.05);
    box-shadow: 0 0 16px rgba(164, 26, 157, 1);
  }
}
*/

/* Style du bouton scroll to top */
/*
.ast-scroll-top-icon {
  background-color: #A41A9D !important;
  border-radius: 50%;
  width: 48px;
  height: 48px;
  display: flex;
  align-items: center;
  justify-content: center;
  cursor: pointer;
  animation: pulseScrollTop 3s infinite;
  transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
  box-shadow: 0 0 6px rgba(164, 26, 157, 0.6);
}


.ast-scroll-top-icon:hover {
  background-color: #c050bf !important; 
  transform: scale(1.2);
  box-shadow: 0 0 24px rgba(196, 80, 191, 1);
}
*/
/* Ajustement de l’icône SVG */
/*
.ast-scroll-top-icon svg {
  width: 24px;
  height: 24px;
  fill: white;
}
 */



/* page men-only  */
.marges-nulles {
    padding: 0 !important;
    margin: 0 !important;
}

@media(min-width:720px) and (max-width:1023px){
			.groupGaysTarif{
			min-width:80%;	
		}
		.abo-men-only{
				text-align:center!important;
		}
	}

@media(max-width:719px){
		.colonne-vide-abo-men-only{
				display:none!important;
		}
}
	
@media (min-width: 720px) {
    .coupure-titre-mobile br {
        display: none!important;
    }
}
/*  page tarifs et horaires*/
.bloc-bouton-plage-horaire1{
		display:flex;
		justify-content:flex-end!important;
}

.bloc-bouton-plage-horaire2{
		display:flex;
		justify-content:flex-start!important;
}

@media(min-width:720px) and (max-width:1023px){
		.bloc-bouton-plage-horaire1{
		display:flex;
		justify-content:center!important;
}

.bloc-bouton-plage-horaire2{
		display:flex;
		justify-content:center!important;
}
}
		
		@media(max-width:719px){
		.bloc-bouton-plage-horaire1{
		display:flex;
		justify-content:center!important;
}

.bloc-bouton-plage-horaire2{
		display:flex;
		justify-content:center!important;
}
				.bloc-bouton-plage-horaire1>*, .bloc-bouton-plage-horaire2>* {
						min-width:75%!important;
				}
}

/* popups formules */
#popmake-5559,
#popmake-5586,
#popmake-5601,
#popmake-5633,
#popmake-10849,
#popmake-11594{
		top: 80px !important;
}

#popmake-5559 .pum-close,
#popmake-5586 .pum-close,
#popmake-5601 .pum-close,
#popmake-5633 .pum-close,
#popmake-10849 .pum-close,
#popmake-11594 .pum-close{
		top:30px!important;
}

#popmake-5559 .pum-overlay,
#popmake-5586 .pum-overlay,
#popmake-5601 .pum-overlay,
#popmake-5633 .pum-overlay,
#popmake-10849 .pum-overlay,
#popmake-11594 .pum-overlay{
    overflow-y: hidden !important;
}

.pum-container {
    height: auto !important;
    max-height: none !important;
}

.pum-container img{
		max-height: 80vh;
height: auto;
}

.pum-content {
    max-height: none !important;
/*     overflow: hidden !important; */
}

#popmake-5559.pum-container, #popmake-5586.pum-container, #popmake-5601.pum-container, #popmake-5633.pum-container,
#popmake-10849.pum-container,
#popmake-11594.pum-container{
    background: transparent !important;
    padding: 0 !important;
    border: none !important;
    width: auto !important;
    max-width: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

/* Assombrir l’arrière-plan pour les modales "formules" */
 #popmake-5559 .pum-overlay,
#popmake-5586 .pum-overlay,
#popmake-5601 .pum-overlay, #popmake-5633 .pum-overlay, #popmake-10849 .pum-overlay,
#popmake-11594 .pum-overlay{
    background: rgba(0, 0, 0, 0.4) !important;
} 

#popmake-5559 .pum-content,
#popmake-5586 .pum-content, #popmake-5601 .pum-content, #popmake-5633 .pum-content,
#popmake-10849 .pum-content,
#popmake-11594 .pum-content{
    padding: 0 !important;
    background: none !important;
    display: flex;
    justify-content: center;
    align-items: center;
}

#popmake-5559 .pum-content img, #popmake-5586 .pum-content img, #popmake-5601 .pum-content img, #popmake-5633 .pum-content img, 
#popmake-10849 .pum-content img,
#popmake-11594 .pum-content img{
    display: block;
    max-width: 80vw;
    max-height: 80vh;
    width: auto;
    height: auto;
}

body.pum-open {
    overflow-x: hidden;
}

@media (max-width:719px){
		#popmake-5559 .pum-content img, #popmake-5586 .pum-content img, #popmake-5601 .pum-content img, #popmake-5633 .pum-content img, #popmake-10849 .pum-content img, #popmake-11594 .pum-content img {
		max-width:85vw!important;
		max-height:85vh;
		width:auto;
				height:auto;
				background: rgba(0, 0, 0, 0.4) !important;
}
}
/* bonne taille du popup */
@media (min-width: 720px) {
    #popmake-5559 .pum-content img,
    #popmake-5586 .pum-content img,
    #popmake-5601 .pum-content img,
    #popmake-5633 .pum-content img,
		#popmake-10849 .pum-content img,
		#popmake-11594 .pum-content img{
        max-width: 100vw !important;
        max-height: 95vh !important;
        width: auto !important;
        height: auto !important;
    }
}


/* 	tableau groupe */
/* Bordure du tableau */
/* Première ligne */


.tableau-groupe {
  margin-left: auto;
  margin-right: auto; /* centre le tableau horizontalement */
  width: 80%; /* tu peux ajuster ce pourcentage pour réduire ou augmenter l'étalement */
}



.tableau-groupe td:first-child {
  background-color: #000000;
  color: #ffffff;
}

.tableau-groupe table {
  border: 5px solid #A41A9D !important;
  border-collapse: collapse;
  width: 100% !important;
  table-layout: auto;
  margin: auto !important;
}

/* Bordures internes des cellules */
.tableau-groupe td,
.tableau-groupe th {
  border: 1px solid #ffffff; /* couleur des bordures internes */
  padding: 8px; /* espace à l'intérieur des cellules */
  text-align: center; /* centrage du contenu */
}

/* Largeur spécifique pour chaque colonne */
.tableau-groupe td:first-child,
.tableau-groupe th:first-child {
  width: 50%; /* largeur de la première colonne */
}

.tableau-groupe td:last-child,
.tableau-groupe th:last-child {
  width: 50%; /* largeur de la deuxième colonne */
		
}

/* tablette */
@media (min-width:720px) and (max-width:1023px){
		.tableau-groupe{
				width:90%;
		}
		.tableau-groupe table tbody tr:first-child td {
  font-size: 16px;
}
}


/* Responsive pour petits écrans */
@media (max-width: 719px) {
		.tableau-groupe {
				width:100%!important;
		}
		.tableau-groupe table{
				width:100%!important;
				
				margin:auto!important;
		}
  .tableau-groupe td,
  .tableau-groupe th {
    font-size: 10px;
  }
  .groupe-titre {
    font-size: 20px;
  }
			.tableau-groupe table tbody tr:first-child td {
  font-size: 10px;
}
		
}

/* Forcer la reconnaissance réelle du nombre de colonnes */
.tableau-groupe colgroup {
  display: none !important;
}

.tableau-groupe table {
  table-layout: fixed !important;
  width: 100% !important;
}

.tableau-groupe td,
.tableau-groupe th {
  width: 20% !important;
}





/* formule privative horaire */

@media (min-width:720px) and (max-width:1023px){
		.formule-privative-horaire{
				max-width:80%!important;
				margin:auto!important;
		}
		.formule-privative-horaire  h3{
				font-size:30px!important;
		}
}

@media (max-width:719px){
		.formule-privative-horaire h3{
				font-size:25px!important;
		}
		.formule-privative-horaire p{
				font-size:15px!important;
		}
}

/* Groupe principal : centre le sous-groupe dans la bannière */
.groupe-location {
    display: flex;
    justify-content: center; /* centre horizontalement le sous-groupe */
    align-items: center;     /* centre verticalement le sous-groupe */
    min-height: 200px;       /* hauteur minimale de la bannière */
    width: 100%;             /* prend toute la largeur de la bannière */
    text-align: center;      /* assure le centrage du texte à l'intérieur */
	
}

.texte-location {
    background: linear-gradient(
        to bottom,
        rgba(0,0,0,0.8) 0%,   /* plus foncé en haut */
        rgba(0,0,0,0.7) 50%,  /* milieu semi-transparent */
        rgba(0,0,0,0.6) 100%  /* plus léger en bas */
    );
    padding: 30px;
    border-radius: 10px;
    color: #ffffff;
    display: block;
    max-width: 800px;
    width: 90%;
}


/* Tablettes */
@media (min-width: 720px) and (max-width: 1023px) {
		.groupe-location .bouton-location{
				width:40%!important;
		}
    .texte-location {
        padding: 25px;
        font-size: 1.1rem;
    }
}

/* Mobiles */
@media (max-width: 719px) {
		.banniere-location{
				padding:0!important;
		}
		.groupe-location{
				padding:15px!important;
		}
    .texte-location {
			width:100%!important;
        padding: 15px;
        font-size: 1rem!important;
    }
		.texte-location > h2{
				font-size:22px!important;
		}
		.colonne-gauche-location > p{
				font-size: 13px!important;
		}
		.colonne-prix-location{
				display:block!important;
		}
		.groupe-prix-location > p {
				font-size:16px !important;
				margin:0!important;
				line-height:1.2!important;
		}
		.colonne-prix-location {
    min-height: auto!important;   /* supprime la hauteur minimum */
    flex-grow: 0;       /* ne prend plus tout l'espace vertical */
    flex-basis: auto;   /* ajuste automatiquement la largeur/hauteur */
  }
		.bouton-location{
				width:80%!important;
				display:block!important;
		}
		.banniere-location {
    position: relative !important; /* le bloc suit le flux normal */
  }

  .banniere-location .wp-block-cover__image-background {
    background-attachment: scroll !important; /* annule le fix */
    position: absolute !important; /* garde l'image qui remplit le conteneur */
  }
}
.colonne-prix-location{
		 display: flex;
    justify-content: center; /* centre horizontalement le sous-groupe */
    align-items: center;     /* centre verticalement le sous-groupe */
    min-height: 200px;       /* hauteur minimale de la bannière */
    width: 100%;             /* prend toute la largeur de la bannière */
		text-align: center; 
}

/* Bouton Réserver flottant au-dessus du Scroll Top */  
#ast-reserve {  
    position: fixed !important; /* flottant hors du flux */  
    bottom: 70px!important; /* juste au-dessus du Scroll Top */  
    right: 30px;  
    z-index: 9999;  
    display: flex;  
    justify-content: center;  
    align-items: center;  
}  
  
#ast-reserve .reserve-link {  
    display: flex;  
    align-items: center;  
    justify-content: center;  
    min-width: 80px; /* largeur ajustable pour le texte */  
    height: 50px; /* même hauteur que le Scroll Top */  
    background-color: #A41A9D; /* couleur harmonisée */  
    color: #ffffff;  
    border-radius: 2px; /* angles légèrement arrondis comme Scroll Top */  
    font-size: 14px;  
    text-decoration: none;  
    text-align: center;  
    line-height: normal;  
    padding: 0; /* plus de marge gauche/droite */  
    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;  
    cursor: pointer;  
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;  
    animation: pulseScrollTop 3s infinite; /* même animation que le Scroll Top */  
}  
  
#ast-reserve .reserve-link:hover {  
    transform: scale(1.05); /* léger zoom au survol */  
    background-color: #C72ABF; /* couleur hover */  
}  

/* Media Queries pour limiter le bouton au desktop uniquement */  
@media (max-width: 1023px) {
    #ast-reserve {
        display: none !important;
    }
}

/* livre d'or */

.gwolle-gb-write-button{
text-align:center;		
}

/*  
.gwolle-gb-entries-list:empty {
    display: none;
} 

.gwolle-gb-entries-list:not(:empty) {
    display: block;
		color:white;
	padding-top:50px;
		font-size:18px;
}
*/

/* Bouton pour ouvrir les avis */
/* Conteneur parent centré */
.toggle-avis {
    cursor: pointer;
    background-color: #a41a9d;
    color: #fff;
    border: none;
    padding: 8px 12px;
    border-radius: 20px;
    display: inline-block;
}

/* Ajouter ceci pour centrer le bouton */
.toggle-avis-wrapper {
    text-align: center;
    margin: 20px 0;
}


/* Conteneur des avis avec scroll si beaucoup d'avis */
.gwolle-gb-entries-list {
    max-height: 300px; /* limite la hauteur */
    overflow-y: auto;   /* scroll si nécessaire */
    border: 1px solid #ccc;
    padding: 10px;
    background-color: #f9f9f9;
    border-radius: 4px;
    display: none; /* caché au départ */
}


.avis{
		text-align:center;
		margin-top:30px;
}

@media(max-width:719px){
		.gwolle-gb-entries-list:not(:empty) {
				font-size:10px;
		}
}


/* Labels des inputs et titres */
.gwolle-gb-write label,
.gwolle-gb-write .gwolle-gb-form-title,
.gwolle-gb-write .gwolle-gb-privacy label,
.gwolle-gb-write .gwolle-gb-setting-text,
.gwolle-gb-write .gwolle-gb-description {
    color: #A41A9D; /* couleur Fuchsia violet */
}

/* Texte du bouton checkbox */
.gwolle-gb-write .gwolle-gb-privacy label {
    color: #A41A9D;
}

/* S’assurer que le texte à l’intérieur des inputs reste blanc ou standard */
.gwolle-gb-write input[type="text"],
.gwolle-gb-write input[type="email"],
.gwolle-gb-write textarea {
    color: initial; /* garde la couleur par défaut à l’intérieur */
}

/* Notice Text uniquement – forcer la couleur malgré le thème */
.gwolle_gb_notice {
    color: white !important; /* fuchsia violet */
    cursor: default !important;
		font-size:15px!important;
		/* pour enlever le curseur interdit si tu veux */
}

/* Header Text du formulaire Guestbook */
.gwolle-gb-write h3:first-of-type,
.gwolle-gb-write h2:first-of-type {
    color: #A41A9D !important; /* fuchsia violet */
}

/* Notice Text avec retour à la ligne */
.gwolle_gb_notice {
    white-space: pre-line; /* respecte les sauts de ligne et les retours */
		line-height: 0.8;       /* ajuste l'espace entre les lignes */
}

@media (max-width:719px){
		/* Notice Text avec retour à la ligne */
.gwolle_gb_notice {
    white-space: pre-line; /* respecte les sauts de ligne et les retours */
		line-height: 1.2;       /* ajuste l'espace entre les lignes */
}
		.privacy-label{
				font-size:18px!important;
		}
		.guestbook-comment-title{
				font-size:15px
		}
}



/* Bordure et style autour du formulaire Guestbook */
.gwolle-gb-write {
    border: 2px solid #A41A9D; /* Couleur fuchsia */
    padding: 20px;              /* Espace interne pour que tout respire */
    border-radius: 12px;        /* Coins arrondis */
    background-color: #1c1c1c;  /* Légèrement plus clair que le fond principal noir */
    box-shadow: 0 0 15px rgba(164, 26, 157, 0.5); /* Halo léger pour démarquer le formulaire */
}


/* Bouton de fermeture du formulaire Guestbook */
.gb-notice-dismiss {
    background-color: #a41a9D !important; /* Fond fuchsia */
    color: #ffffff !important;           /* Texte blanc */
    width: 30px !important;              /* Largeur plus grande */
    height: 30px !important;             /* Hauteur plus grande */
    font-size: 18px !important;          /* Taille du X */
    line-height: 30px !important;        /* Centrer verticalement le X */
    border-radius: 4px !important;       /* Coins arrondis */
    top: 5px !important;                 /* Ajuster la position si nécessaire */
    right: 5px !important;               /* Ajuster la position si nécessaire */
    box-shadow: 0 2px 6px rgba(0,0,0,0.3); /* Ombre légère pour le relief */
}

.erreur-formulaire-avis{
		color:white!important;
}

.avis-valide, .total-avis, .avis-verification{
		color:#a41a9d;
}

/* bouton livre d'or */
/* Bouton Livre d'Or flottant au-dessus du bouton Réserver */
#ast-livre {
    position: fixed !important;
    bottom: 125px; /* 55px au-dessus du bouton Réserver (70px + 55px) */
    right: 30px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ast-livre .livre-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 50px;
    background-color: #A41A9D;
    color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    padding: 0;
    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    animation: pulseScrollTop 3s infinite;
}

#ast-livre .livre-link:hover {
    transform: scale(1.05);
    background-color: #C72ABF;
}

/* Media Queries pour limiter le bouton au desktop uniquement */
@media (max-width: 1023px) {
    #ast-livre {
        display: none !important;
    }
}
/* Bouton FAQ flottant au-dessus du bouton Guestbook */
#ast-faq {
    position: fixed !important;
    bottom: 180px!important; /* 55px au-dessus du bouton Guestbook */
    right: 30px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ast-faq .faq-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 50px;
    background-color: #A41A9D; /* Même couleur que le Guestbook */
    color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    padding: 0;
    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    animation: pulseScrollTop 3s infinite;
}

#ast-faq .faq-link:hover {
    transform: scale(1.05);
    background-color: #C72ABF; /* Même hover que Guestbook */
}

/* Media Queries pour limiter le bouton au desktop uniquement */
@media (max-width: 1023px) {
    #ast-faq {
        display: none !important;
    }
}

/* bouton flottant faq */
/* Bouton FAQ flottant au-dessus du bouton Guestbook */
#ast-faq {
    position: fixed !important;
    bottom: 180px; /* 55px au-dessus du bouton Guestbook */
    right: 30px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ast-faq .faq-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 50px;
    background-color: #A41A9D; /* Même couleur que le Guestbook */
    color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    padding: 0;
    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    animation: pulseScrollTop 3s infinite;
}

#ast-faq .faq-link:hover {
    transform: scale(1.05);
    background-color: #C72ABF; /* Même hover que Guestbook */
}

/* Media Queries pour limiter le bouton au desktop uniquement */
@media (max-width: 1023px) {
    #ast-faq {
        display: none !important;
    }
}

/* page galerie */

@media(max-width:719px){
		#foogallery-gallery-6043 {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
		.descriptif-galerie{
				font-size:12px!important;
				text-align:left;
				padding-left:15px
		}
		.titre-newsletter{
				font-size:25px;
		}
		.descriptif-livre-or{
				font-size:14px;
				text-align:left;
				padding-left:15px;
		}
	
		.descriptif-newsletter{
				text-align:left;
				padding-left:14px;
				font-size:14px!important;
		}
		.descriptif-faq{
				text-align:left;
				padding-left:15px;
				font-size:14px!important;
		}
		.titre-faq{
				font-size:22px!important;
		}
}

@media (min-width:720px) and (max-width:1023px){
		.galerie-boutons-pages{
				flex-wrap:nowrap!important;
		}

}


/* pages widget footer */

@media (max-width: 719px) {
    .site-footer-primary-section-1 .footer-widget-area-inner,
  .site-footer-primary-section-2 .footer-widget-area-inner,
  .site-footer-primary-section-3 .footer-widget-area-inner {
    display: flex !important;
    flex-direction: column !important;
    justify-content: center !important;
    align-items: center !important;
    text-align: center !important;
  }
		 .site-footer .ast-footer-copyright {
      display: flex !important;
      justify-content: center !important;
      align-items: center !important;
      text-align: center !important;
      width: 100% !important;
  }

  .site-footer .ast-footer-copyright p {
      margin-left: auto !important;
      margin-right: auto !important;
      text-align: center !important;
  }
}


/* home page section tarif */

.colonne-parent-prix{
	
		display:flex;
		justify-content:center;
		margin-left:350px!important;
}

.colonne-enfant-groupe-prix{
		border:5px solid #a41a9d;
}

.colonne-enfant-groupe-prix .info-acces{
		text-align:left;
		font-size:13px!important;
}

@media (min-width:720px) and (max-width:1023px){
		.colonne-parent-prix{
				margin-left:0!important;
		}
		.colonne-enfant-prix{
				max-width:50%!important;
				margin-bottom:50px!important;
		}
		.bouton-colonne-prix{
				padding-bottom:20px;
		}

		.colonne-abo-prix{
				text-align:center!important;
		}
}

@media (max-width:719px){

		.colonne-parent-prix{
			margin:0!important;
		}
		.colonne-enfant-groupe-prix .info-acces{
		text-align:left;
		font-size:12px!important;
				padding:10px;
}
}

/* page notre centre */


/* === Parent : 6 colonnes en ligne sur desktop === */
.colonne-parent-univers {
    display: flex;
    flex-wrap: wrap; /* permet le retour à la ligne */
    justify-content: center; /* centrer si espace dispo */
}

/* Chaque colonne occupe 1/6 = ~16.66% sur desktop */
.colonne-parent-univers > .wp-block-column {
    flex: 0 0 16.66%;
    max-width: 16.66%;
    padding: 5px;
    box-sizing: border-box;
    text-align: center;
}

@media (min-width:1024px){
		.descriptif-univers{
				font-size:20px;
		}
}

@media (min-width:720px) and (max-width:1023px) {
		.descriptif-univers{
				font-size:24px!important;
				
		}
    .colonne-parent-univers > .wp-block-column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
    }

    .icones-univers {
        max-width: 80%!important; /* réduire un peu la taille des images */
    }
}

@media (max-width:719px) {
		.descriptif-univers{
				font-size:12px!important;
				
		}
    .colonne-parent-univers > .wp-block-column {
        flex: 0 0 33.33%;
        max-width: 33.33%;
				margin-bottom:0!important;
    }

    .icones-univers {
        max-width: 70%; /* encore plus petit sur mobile */
    }
}

/* === Images : centrées et responsives === */
.icones-univers {
    display: block;
    margin: 0 auto;
    height: auto;
    max-width: 100%; /* prend la largeur dispo de la colonne */
}

/* === Titres : centrés === */
.titres-icones-univers {
    width: 100%;
    text-align: center !important;
		
}

/* home page section formules*/

@media (max-width:719px){ 
		.bouton-formule{
				width:99%!important;
				
		}
}

/* home page section reservations */

@media (max-width:719px){
	 .colonne-boutons-section-reservation {
    margin-bottom: -15px!important; /* réduit l'espace entre chaque bouton */
  }

  /* Optionnel : enlever le dernier espace sous le dernier bouton */
  .colonne-boutons-section-reservation:last-child {
    margin-bottom: 0 !important;
  }
}

/* page formules et tarifs */

@media(min-width:719px) and (max-width:1023px){
		.espacement-promotions{
				height:0!important;
		}
}

/*  bouton flottant promo*/
/* Bouton Promo - même style que FAQ */

#ast-promo {
    position: fixed !important;
    bottom: 235px !important; /* placé au-dessus du FAQ (ajuste si besoin) */
    right: 30px;
    z-index: 9999;
    display: flex;
    justify-content: center;
    align-items: center;
}

#ast-promo .faq-link {
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 80px;
    height: 50px;
    background-color: #A41A9D; /* Même couleur que FAQ */
    color: #ffffff;
    border-radius: 2px;
    font-size: 14px;
    text-decoration: none;
    text-align: center;
    line-height: normal;
    padding: 0;
    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
    cursor: pointer;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    animation: pulseScrollTop 3s infinite;
}

#ast-promo .faq-link:hover {
    transform: scale(1.05);
    background-color: #C72ABF; /* Même hover que FAQ */
}

/* Cacher le bouton Promo par défaut et ne l’afficher que sur desktop */
#ast-promo {
    display: none;
}

@media (min-width: 1025px) {
    #ast-promo {
        display: flex;
    }
}

/* page notre centre */

.accordeons{
		display: none;
}

@media (max-width:1023px){
		.accordeons{
				display:block;
		}
}

/* Desktop (par défaut) */
.banniere-promo {
    background-image: url('https://zenzizen.be/wp-content/uploads/2025/09/arbre-zen.png'); /* remplace par ton image */
    background-size: contain; /* l'image entière visible */
    background-repeat: no-repeat;
    background-position: center top; /* centre l'image */
    width: 100%;
    max-width: 1046px; /* largeur originale */
    height: auto;
    aspect-ratio: 1046 / 573; /* garde les proportions */
    margin: 0 auto; /* centre la bannière */
    display: block;
    overflow: hidden; /* empêche le scroll juste sur cette bannière */
}

/* Tablette (720px à 1023px) */
@media (max-width: 1023px) and (min-width: 720px) {
    .banniere-promo {
        max-width: 100%;
        width: 100%;
        height: auto;
        aspect-ratio: 1046 / 573;
        margin: 0 auto;
        background-size: contain;
        background-position: center top;
        display: block;
    }
}

/* Mobile (max 719px) */
@media (max-width: 719px) {
    .banniere-promo {
        width: 100%;
        max-width: 100%;
        height: auto;
        aspect-ratio: 1046 / 573;
        margin: 0 auto;
        background-size: contain;
        background-position: center top;
        display: block;
    }
}

/* Cibler uniquement la page avec micro-scroll */
/* Mobile et tablette : on bloque tout scroll horizontal sur la page */
@media (max-width: 1023px) {
    .page-id-229 > * {
        max-width: 100%;
        overflow-x: hidden;
        box-sizing: border-box;
    }
}

/* page services */

@media (max-width:719px){
.colonne-horaire-services p{
		font-size:15px;
}
		.titre-massage-harmonie{
				font-size:17px;
		}
			.titre-massage-onde{
				font-size:16px;
		}
		.titre-massage-renaissance{
				font-size:15px;
		}
}

/* page home */
.groupe-chrono-home{
	height:100%;
		color:white!important;
}
.groupe-chrono-home > *{
		font-size:18px!important;
		width:100%;
		text-align:center;
}

@media (min-width:720px) and (max-width:1023px) {
  .promo-bloc > .wp-block-column:first-child {
    position: relative !important;
    width: 100% !important;	
  }
		
.promo-bloc > .wp-block-column:first-child > p {
  position: absolute !important;
  top: 50% !important;           
  left: 50% !important;          
  transform: translate(-50%, -50%) !important; 
  margin: 0 auto !important;
  text-align: center !important;
  color: white !important;
  width: 90%;
  max-width: none !important;
  display: flex !important;   
  justify-content: center !important;
  align-items: center !important;
}
		
		.colonne-chrono-home{
				padding:10px;
		}

		.promo-bloc{
				display:flex;
    justify-content:flex-start!important;
    gap: 20px!important;
						}
		.promo-bloc .wp-block-column{
				min-height:50px!important;
		}
}

@media(max-width:719px) {
		.groupe-chrono-home {
				min-height:30px;
		}
		.groupe-chrono-home > *{
				font-size:13px!important;
				width:100%!important;
				text-align:center;
		}
		.colonne-bouton-promo a {
				font-size:12px!important;
				border:5px solid green;
		}
}

/* promo */
	
	.groupe-chrono-home > * {
	color:white!important;
}

/* home page section services */
.bloc-bouton-services{
		padding-top:25px!important;
}

.bloc-bouton-services .wp-block-button{
		width:30%!important;
}
@media(max-width:719px){
		.bm-rotator{				height:250px!important;
		}
		.services-titre{
				font-size:27px!important;
		}
		.text-descriptif{
				font-size:13px!important;
		}
		.bloc-colonnes-services{
				padding:0!important;
		}
		.bloc-bouton-services .wp-block-button{
		width:70%!important;
}
}

/* promo et events boutons mobile */

@media (max-width: 1023px) {
    /* Propriétés communes à PROMOS et EVENTS */
    #promo-etoile,
    #zenzizen-events-btn {
        position: absolute;
        left: 10px;
        height: 40px;
        background: #A41A9D;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 9999;
        animation: zoomPulse 2.5s infinite ease-in-out;
        box-shadow: 0 0 8px #A41A9D;
        font-weight: bold;
        color: white;
        font-family: sans-serif;
        font-size: 16px;
        text-align: center;
        text-shadow: 0 0 2px #fffacd;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        padding: 0 5px;
        display: inline-flex;
        min-width: 90px;
        box-sizing: border-box;
    }

    /* Position spécifique à chaque bouton */
    #promo-etoile {
        top: 15px;
    }

    #zenzizen-events-btn {
        top: 65px;
        width: 85px;
    }

    /* Hover commun */
    #promo-etoile:hover,
    #zenzizen-events-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 16px #A41A9D, 0 0 32px #fffacd;
    }

    #promo-etoile span,
    #zenzizen-events-btn span {
        position: relative;
        z-index: 1;
    }

    /* Effet propre : zoom + scintillement (SANS artefacts) */
    @keyframes zoomPulse {
        0% {
            transform: scale(1);
            box-shadow: 0 0 6px #A41A9D;
        }
        50% {
            transform: scale(1.06);
            box-shadow: 0 0 14px #A41A9D, 0 0 20px #fffacd;
        }
        100% {
            transform: scale(1);
            box-shadow: 0 0 6px #A41A9D;
        }
    }
}

/*** code qui permet de voir les 2 boutons sur mobile sans element qui fait une rotation interne ***/
#promo-etoile::before,
#promo-etoile::after,
#zenzizen-events-btn::before,
#zenzizen-events-btn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}

@media (max-width: 1023px) {

    #zenzizen-visite-btn {
        position: absolute;
        left: 10px;
        top: 115px; /* juste en dessous de EVENTS */
        width: 85px;
        height: 40px;
        background: #A41A9D;
        border-radius: 6px;
        display: flex;
        justify-content: center;
        align-items: center;
        cursor: pointer;
        z-index: 9999;
        animation: zoomPulse 2.5s infinite ease-in-out;
        box-shadow: 0 0 8px #A41A9D;
        font-weight: bold;
        color: white;
        font-family: sans-serif;
        font-size: 16px;
        text-align: center;
        text-shadow: 0 0 2px #fffacd;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        padding: 0 5px;
        display: inline-flex;
        min-width: 90px;
        box-sizing: border-box;
    }

    #zenzizen-visite-btn:hover {
        transform: scale(1.1);
        box-shadow: 0 0 16px #A41A9D, 0 0 32px #fffacd;
    }

    #zenzizen-visite-btn span {
        position: relative;
        z-index: 1;
    }
}

/* même nettoyage que les autres boutons */
#zenzizen-visite-btn::before,
#zenzizen-visite-btn::after {
    display: none !important;
    content: none !important;
    animation: none !important;
}


/* boutons formules home page */

.bouton-formule{
		height:60px;
}

/* page formules et tarifs */
@media(min-width:1024px){
.presentation-formules-privatives{
		padding:0 100px;
}
}

@media(min-width:720px) and (max-width:1023px){
		.presentation-formules-privatives{
				text-align:left;
				padding-left:35px;
				font-size:18px;
		}
}

/*aquarenfo*/
.banniere-aquarenfo{
	height:100vh!important;
}


@media (max-width: 719px) and (orientation: landscape) {
    .banniere-aquarenfo {
        min-height: 100vh !important;
				height: auto!important;        /* laisse s’ajuster si contenu plus grand */
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important; /* centre le contenu verticalement si possible */
        align-items: center!important;
    }
}

/* banniere aquarenfo page services */

/* ==========================
   Tablette : 719px à 1023px
========================== */
@media (min-width: 719px) and (max-width: 1023px) {
  .banniere-aquarenfo .wp-block-cover__image-background {
    background-image: url("/wp-content/uploads/2025/11/aqua-gym-background3.png") !important;
    background-size: cover !important;       /* toute l'image visible */
    background-position: center center !important;  
    background-repeat: no-repeat !important;    
    background-attachment: fixed !important;   /* reste fixe à l'écran */
  }

  .banniere-aquarenfo {
    min-height: 100vh !important;  /* occupe toute la hauteur de l'écran */
  }
}

/* ==========================
   Mobile : ≤ 718px
========================== */
@media (max-width: 718px) {
  .banniere-aquarenfo .wp-block-cover__image-background {
    background-image: url("/wp-content/uploads/2025/11/aqua-gym-background3.png") !important;
    background-size: cover !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-attachment: fixed !important;
  }

  .banniere-aquarenfo {
    min-height: 100vh !important;
  }
}

/* page formules et tarifs*/

.banniere-section-tarifs {
  display: flex;
  align-items: flex-start;
}

/* banniereHome */

@media(min-width:1024px){
.banniereHome{
		height:100vh!important;
}
}

/* page accueil section lire plus */
.groupe-boutons-decouverte{
		width:100%;
		padding-bottom:100px;
}

@media(min-width:720px) and (max-width:1023px){
		.colonne-presentation-centre{
				padding: 0 20px;
		}
		.groupe-boutons-decouverte{
				width:50%;
		}
		.groupe-boutons-decouverte{
				padding-bottom:0;
		}
}

@media(max-width:719px){
		.colonnes-boutons-decouverte{
				gap:0;
		}
		.groupe-boutons-decouverte{
				width:50%!important;
				padding-bottom:0;
		}
		.colonne-bouton-decouverte{
	
				margin-bottom:5px!important;
		}
}

@media (max-width: 719px) and (orientation: landscape) {
		.colonnes-boutons-decouverte{
				gap:10px;
		}
		.colonne-presentation-centre{
				padding: 0 20px;
		}
		.groupe-boutons-decouverte{
				width:50%;
		}
}

.banniere-ombre-gays{
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.text-men-only-home {
  padding: 15px 9px!important;
		text-shadow: 
    1px 1px 2px rgba(255, 255, 255, 0.8),
    -1px -1px 2px rgba(255, 255, 255, 0.8),
    1px -1px 2px rgba(255, 255, 255, 0.8),
    -1px 1px 2px rgba(255, 255, 255, 0.8) !important;
}

/*******   icone-gay *******/

 .icone-gay {
  box-shadow: 5px 5px 2px rgba(0, 0, 0, 0.45) !important;
  border-radius: 12px !important;
		  animation: pulse-move 1.2s infinite alternate;
  transition: transform 0.3s;
}

@keyframes pulse-move {
  0% {
    transform: scale(1) translateY(0);
  }
  50% {
    transform: scale(1.2) translateY(-3px); /* zoom + léger déplacement vers le haut */
  }
  100% {
    transform: scale(1) translateY(0);
  }
}
	.icone-gay:hover {
  box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.45) !important;
} 



/* Réinitialise les styles inline de Gutenberg */
.banniere-ombre-gays {
  background-image: none !important;
  background-color: transparent !important;
  min-height: auto !important;
}

/* Image pour desktop */
@media (min-width: 1024px) {
  .banniere-ombre-gays {
    background-image: url("https://zenzizen.be/wp-content/uploads/2025/10/ombres-gay2.jpg") !important;
    background-size: cover !important;
    background-position: top center !important; /* aligne l'image en haut pour éviter la coupe */
    background-repeat: no-repeat !important;
    min-height: 600px !important; /* ajuste la hauteur pour éviter que l'image soit tronquée */
  }
}

/* image pour tablette */
@media (min-width: 719px) and (max-width: 1023px){
		.banniere-ombre-gays {
    background-image: url("https://zenzizen.be/wp-content/uploads/2025/10/background-uni.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
		.colonne-text-men-only{

				padding-right:20px!important;
		}
}

/* Image pour mobile */
@media (max-width: 719px) {
  .banniere-ombre-gays {
    background-image: url("https://zenzizen.be/wp-content/uploads/2025/10/background-uni.jpg") !important;
    background-size: cover !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
  }
		.colonne-text-men-only{
				font-size:15px;
				padding-right:4px!important;
				padding-left:4px!important;
		}
		
}


/* photo-piscine-home */
/* Tablette : 720px à 1023px */
@media only screen and (min-width: 720px) and (max-width: 1023px) {
  .photo-piscine-home {
    height: 50vh; /* hauteur réduite pour tablette */
    object-fit: cover; /* l'image couvre la bannière */
    background-position: center; /* centre l'image pour voir plus les côtés */
  }
}

@media (max-width: 768px) {
    .photo-piscine-home {
        min-height: 60vh !important; /* hauteur relative à l'écran mobile */
        padding-bottom: 0 !important;
        margin-bottom: 0 !important;
    }

    .photo-piscine-home .wp-block-cover__image-background {
        height: 100% !important;
        max-height: 100% !important;
        object-fit: cover !important;
    }
}

/* images à la une */

.image-une{
		width:40%!important;
}

@media (max-width:719px){
		.image-une{
				width:100%!important;
		}
}

/* titre horaire hiver */
@media(min-width:720px) and (max-width:1023px){
.titre-horaire-hiver{
		text-align:center;
		padding-left:148px;
		}
}

@media(max-width:719px){
		.titre-horaire-hiver{
				padding-bottom:20px;
		}
}

/* bouton arc en ciel */
.men-only-icon {
    width: 140px;
    height: 75px;
    position: absolute;
    top: 20px;   /* tu pourras ajuster cette valeur */
    right: 160px;    /* tu pourras ajuster cette valeur */
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Effet de sautillement au survol */
.men-only-icon:hover {
    transform: scale(1.2) translateY(-10px);
}

@media(min-width:720px) and (max-width:1023px){
		.men-only-icon {
    width: 110px;
    height: 75px;
    position: absolute;
    top: 40px;   /* tu pourras ajuster cette valeur */
  left: -430px;    /* tu pourras ajuster cette valeur */
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Effet de sautillement au survol */
.men-only-icon:hover {
    transform: scale(1.2) translateY(-10px);
}
}

@media(max-width:719px){
		.men-only-icon {
    width: 65px;
    height: 75px;
    position: absolute;
    top: 35px;   /* tu pourras ajuster cette valeur */
  left: -70px;    /* tu pourras ajuster cette valeur */
    cursor: pointer;
    transition: transform 0.3s ease;
}

/* Effet de sautillement au survol */
.men-only-icon:hover {
    transform: scale(1.2) translateY(-10px);
}
}

/* decriptif tarif */

@media(max-width:719px){
		.tarif-menonly-descriptif{
				font-size : 15px !important;
				text-align:left;
				padding-left:5px;
		}
}

/************************/
/*** tableau bougies ***/
.tableau-bougies thead th{
				text-align:left;
		}


@media(max-width:719px){
.kt-blocks-accordion-title-wrap{
		font-size:22px;
}
}



/**** desktop ****/
	.tableau-bougies th:nth-child(1),
.tableau-bougies td:nth-child(1) {
    width:7%;
}

.tableau-bougies th:nth-child(2),
.tableau-bougies td:nth-child(2) {
    width: 49%;
}

.tableau-bougies th:nth-child(3),
.tableau-bougies td:nth-child(3) {
    width: 22%;
}
		
		.tableau-bougies th:nth-child(4),
.tableau-bougies td:nth-child(4) {
    width: 22%;
}

/***** pour garder l'image cliquée dans sa taille normale et pas zoomée ****/

/*** TABLETTES ***/
@media (min-width:720px) and (max-width:1023px){
		.tableau-bougies th:nth-child(1),
.tableau-bougies td:nth-child(1) {
    width:10%;
}

.tableau-bougies th:nth-child(2),
.tableau-bougies td:nth-child(2) {
    width: 48%;
}

.tableau-bougies th:nth-child(3),
.tableau-bougies td:nth-child(3) {
    width: 22%;
}
		
		.tableau-bougies th:nth-child(4),
.tableau-bougies td:nth-child(4) {
    width: 22%;
}
}

/*** MOBILES ***/

@media (max-width:719px){
		.fancybox-image {
        max-width: 100%;
        max-height: 90vh;
        width: auto;
        height: auto;
        object-fit: contain;
    }
		
		/*** cibler les colonnes pour définir les largeurs ***/
		.tableau-bougies th:nth-child(1),
.tableau-bougies td:nth-child(1) {
    width:10%;
}

.tableau-bougies th:nth-child(2),
.tableau-bougies td:nth-child(2) {
    width: 46%;
}

.tableau-bougies th:nth-child(3),
.tableau-bougies td:nth-child(3) {
    width: 20%;
}
		
		.tableau-bougies th:nth-child(4),
.tableau-bougies td:nth-child(4) {
    width: 24%;
}
		
		/*** cibler les lignes et colonnes pour les tailles de textes ***/
		.tableau-bougies thead th{
				font-size:9px;
		}
		.tableau-bougies tbody td{
				font-size:9px;
		}
}

/*** CAPTION ***/
/*** hauteur de la caption ***/

figcaption.fg-caption {
    height: 15px;
		padding:0!important;
}

figcaption.fg-caption .fg-caption-title {
    padding-top: 0;
    padding-bottom: 0;
    line-height: 1;
}

/*** affichage de caption sur mobile ***/
@media (max-width: 719px) {
  .fg-item figcaption.fg-caption {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
}

/*** marges autour des tableaux ***/
/*** desktop ***/
.groupe-modeles-bougies{
		margin:50px;
		padding:0 130px;
		}
.groupe-commande-bougies{
		padding:0 130px!important;
}
/*** tablette et mobile***/
@media(min-width:720px) and (max-width:1023px){
		.groupe-modeles-bougies{
		margin:10px;
		padding:0;
		}
		.groupe-commande-bougies{
		padding:0 10px!important;
}
}
	
@media(max-width:719px){
.groupe-modeles-bougies{
		margin:10px;
		padding:0;
		}
		.groupe-commande-bougies{
		padding:0 10px!important;
}
}

/*** home section pub ***/
@media (min-width:1024px){
.colonne-une * {
    transition: transform 0.3s ease; /* pour que le zoom soit fluide */
}

.colonne-une *:hover {
    transform: scale(1.02); /* ça agrandit l'image de 10% au survol */
    cursor: pointer; /* pour montrer que c'est cliquable */
}
}

.cliquable {
    position: relative; /* nécessaire pour positionner l'icône par-dessus */
}

.cliquable::after {
    content: "⬇"; /* ou une autre flèche si tu veux */
    position: absolute;
    bottom: 5px;
    right: 5px;
    font-size: 20px; /* taille de l'icône */
    color: white; /* couleur de l'icône */
    background: rgba(0, 0, 0, 0.5); /* petit fond semi-transparent pour bien voir l'icône */
    padding: 4px;
    border-radius: 4px;
    pointer-events: none; /* pour ne pas gêner le clic sur l'image */
}

.section-parent-une {
    min-height: 640px;
    display: flex;
    flex-direction: column;
}


.container-parent-une {
    flex: 1;
    display: flex;
    flex-direction: column;
}


.colonnes-parent-une {
    display: flex;
    flex: 1;
    gap: 20px;
		
}


.colonne-une {
     flex: 1; 
    display: flex; 
}

.colonne-une .wp-block-image {
    flex: 1;
    display: flex;
}


.colonne-une .wp-block-image img,
.colonne-une .image-une {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/*** Bouton flottant Men Only ***/

/* Desktop - min-width: 1024px */
@media (min-width: 1024px) {
    #ast-men-only {
        position: fixed !important;
        bottom: 290px !important;
        right: 30px;
        z-index: 9999;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #ast-men-only .faq-link {
        display: flex;
        align-items: center;
        justify-content: center;
        min-width: 80px;
        height: 50px;
        background-color: #A41A9D;
        color: #ffffff;
        border-radius: 2px;
        font-size: 14px;
        text-decoration: none;
        text-align: center;
        line-height: normal;
        padding: 0;
        box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
        cursor: pointer;
        transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
        animation: pulseScrollTop 3s infinite;
    }

    #ast-men-only .faq-link:hover {
        transform: scale(1.05);
        background-color: #C72ABF;
    }
}

/*** Bouton flottant Men Only - Tablette & Mobile ***/

@media (max-width: 1023px) {
    #ast-men-only {
        position: absolute !important; /* reste fixe en haut */
        top: 65px !important;  /* juste en dessous du bouton existant */
        left: 15px !important;
        bottom: auto !important;
        right: auto !important;
        height: 40px;
        display: flex;
        justify-content: center;
        align-items: center;
        border-radius: 6px;
        z-index: 9999;
        background-color: #A41A9D; /* fond fuchsia */
        font-weight: bold;
        color: white; /* texte blanc */
        font-family: sans-serif;
        font-size: 16px;
        text-align: center;
        text-shadow: 0 0 2px #fffacd;
        overflow: hidden;
        transition: transform 0.3s ease, box-shadow 0.3s ease;
        padding: 0 5px;
        animation: clignoter 3s infinite;
        box-shadow: 0 0 8px #A41A9D, 0 0 16px #A41A9D;
        cursor: pointer;
    }

    #ast-men-only .faq-link {
        position: relative;
        z-index: 1;
        background: none;
        box-shadow: none;
        height: 100%;
        width: 100%;
        min-width: auto;
        font-size: 14px;
        display: flex;
        justify-content: center;
        align-items: center;
        padding: 0;
        color: #ffffff; /* texte blanc */
    }

    #ast-men-only:hover {
        transform: scale(1.1);
        box-shadow: 0 0 16px #A41A9D, 0 0 32px #A41A9D, 0 0 48px #fffacd;
    }

    #ast-men-only::before {
        content: '';
        position: absolute;
        top: -50%;
        left: -50%;
        width: 200%;
        height: 200%;
        background: radial-gradient(circle, rgba(255,255,255,0.6) 0%, rgba(255,255,255,0) 70%);
        animation: scintiller_naturel 4s infinite;
        transform-origin: center center;
        z-index: 0;
    }

    @keyframes clignoter {
        0%, 50%, 100% { opacity: 1; }
        25%, 75% { opacity: 0.85; }
    }

    @keyframes scintiller_naturel {
        0% { transform: rotate(0deg) scale(1); opacity: 0.6; }
        25% { transform: rotate(90deg) scale(1.02); opacity: 0.5; }
        50% { transform: rotate(180deg) scale(1); opacity: 0.6; }
        75% { transform: rotate(270deg) scale(1.02); opacity: 0.5; }
        100% { transform: rotate(360deg) scale(1); opacity: 0.6; }
    }
}



/*** page services bar ***/
@media(min-width:720px){
.bar-sous-titre{
		font-size:24px;
		}
}

@media(max-width:719px){
		.bar-sous-titre{
				font-size:18px;
		}
}

/*** accordion ***/
@media(max-width:719px){
		.accordion-faq .kt-blocks-accordion-title{
				font-size:13px;
		}
}

/* Scroll to Top - desktop uniquement, style identique aux autres boutons */
@media (min-width: 1024px) {
    #scroll-to-top {
        position: fixed !important;
        bottom: 35px !important; /* ajuste la hauteur si besoin */
        right: 30px !important;
        z-index: 9999 !important;
        display: block !important; /* pour test, caché par JS */
    }

#scroll-to-top button {
    display: none; /* affiché uniquement par le JS */
    background-color: #A41A9D !important;
    color: #ffffff !important;

    min-width: 80px;
    height: 30px;          /* plus petit → ne touche plus le bouton du dessus */
    border-radius: 2px;
    border: none !important;

    display: flex;
    align-items: center;
    justify-content: center;

    font-size: 0 !important; /* cache le ^ du HTML */
    padding: 0;
    cursor: pointer;

    box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
    transition: transform 0.3s ease, box-shadow 0.3s ease, background-color 0.3s ease;
    animation: pulseScrollTop 3s infinite;
}

#scroll-to-top button::before {
    content: "";
    width: 12px;
    height: 12px;
    border-left: 3px solid #ffffff;
    border-bottom: 3px solid #ffffff;
    transform: rotate(135deg);
    display: block;
}


		
    #scroll-to-top button:hover {
        transform: scale(1.05);
        background-color: #C72ABF; /* même hover que les autres boutons */
    }

    @keyframes pulseScrollTop {
        0%, 100% {
            transform: scale(1);
            box-shadow: rgba(164, 26, 157, 0.996) 0px 0px 15px 0px;
        }
        50% {
            transform: scale(1.05);
            box-shadow: rgba(164, 26, 157, 1) 0px 0px 20px 0px;
        }
    }
}

/* Masquer sur tablette et mobile */
@media (max-width: 1023px) {
    #scroll-to-top {
        display: none !important;
    }
}

/*** services à domicile ***/

.groupe-services-domicile{
	
		width:60%;
/* 		margin-left: auto!important;
		margin-right:0!important; */
		margin:auto!important;
		box-shadow: 0 10px 30px rgba(0, 0, 0, 0.8);
		padding:10px;
		font-size:15px;
		background-color:#e8e3dd;
}

		@media(min-width:720px) and (max-width:1023px){
				.groupe-services-domicile{
				width:90%;
		}
}

@media(max-width:719px){
				.groupe-services-domicile{
				width:100%;
						font-size:13px;
		}
}

/*** nouvelle section horaire ***/
@media(min-width:1024px){
		.horaire-bloc{
				width:40%;
				margin:45px auto;
		}
		.home-colonne-horaire .accueil-colonne-jour{
				padding-left:100px;
		}
}

@media(min-width:720px) and (max-width:1023px){
.horaire-bloc{
		width:80%;
		margin:45px auto;
			}
		.accueil-colonne-jour{
					margin:0!important;
		}
		.home-colonne-horaire .accueil-colonne-jour{
				padding-left:100px;
		}
	}

@media(max-width:719px){
		.horaire-bloc{
				width:90%;
				margin:45px auto;
				font-size:13px;
		}
		.home-colonne-horaire {
				line-height:10px;
		}
}

/*** nouveau groupe icones navigation home page ***/

.group-nav > .group-icons-nav-parent{
		width:60%!important;
		margin:auto!important;
}
.empilement-child-icons h6{
		color:white;
}

@media (min-width:720px) and (max-width:1023px){
		.univers-home-tablet{
				gap:0!important;
		}
		.group-nav > .group-icons-nav-parent{
		width:60%!important;
		}
	 .empilement-child-icons{
				align-items:center!important;
		}
		.empilement-child-icons h6{
		color:white;
}
}

@media (max-width:719px){
		.group-nav > .group-icons-nav-parent{
		width:100%!important;
		}
		.empilement-child-icons h6{
		color:white;
}
}




@media (max-width: 719px) {
  .icones-flex-mobile {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 2px;
    align-items: stretch; 
  }

  .icones-flex-mobile .icone-groupe1,
  .icones-flex-mobile .icone-groupe2,
  .icones-flex-mobile .icone-groupe3,
  .icones-flex-mobile .icone-groupe4,
  .icones-flex-mobile .icone-groupe5,
  .icones-flex-mobile .icone-groupe6 {
    width: 25%;
    display: flex;
    justify-content: center;
    align-items: center; 
    margin: 5px 10px !important;
  }

  .icones-flex-mobile .icone-groupe1 .icone-conteneur1,
  .icones-flex-mobile .icone-groupe2 .icone-conteneur2,
  .icones-flex-mobile .icone-groupe3 .icone-conteneur3,
  .icones-flex-mobile .icone-groupe4 .icone-conteneur4,
  .icones-flex-mobile .icone-groupe5 .icone-conteneur5,
  .icones-flex-mobile .icone-groupe6 .icone-conteneur6 {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center; 
    height: 100%;
  }

  .icones-flex-mobile .icone-groupe1 .icone-flex1,
  .icones-flex-mobile .icone-groupe2 .icone-flex2,
  .icones-flex-mobile .icone-groupe3 .icone-flex3,
  .icones-flex-mobile .icone-groupe4 .icone-flex4,
  .icones-flex-mobile .icone-groupe5 .icone-flex5,
  .icones-flex-mobile .icone-groupe6 .icone-flex6 {
    max-width: 70%;
    height: auto;
    margin: 0 !important;
    border: 3px solid #a41a9d;
			box-shadow: 0 4px 12px rgba(200, 200, 200, 0.5); 
    border-radius: 8px;
  }

  .icones-flex-mobile .icone-groupe1 .titre-icone1,
  .icones-flex-mobile .icone-groupe2 .titre-icone2,
  .icones-flex-mobile .icone-groupe3 .titre-icone3,
  .icones-flex-mobile .icone-groupe4 .titre-icone4,
  .icones-flex-mobile .icone-groupe5 .titre-icone5,
  .icones-flex-mobile .icone-groupe6 .titre-icone6 {
    text-align: center;
    font-size: 0.8rem;
    line-height: 1.2;
    margin: 0;
  }
}

/*** vues des menus d'icones ***/

@media (min-width:1024px){
		.group-nav{
				display:block !important;
		}
		.icones-flex-mobile{
				display:none;
		}
}

@media (min-width:720px) and (max-width:1023px){
		.group-nav{
				display:block!important;
		}
		.icones-flex-mobile{
				display:none;
		}
}

@media (max-width:719px){
		.group-nav{
				display:none!important;
		}
}

/** Formulaire page contact **/

@media(min-width:1024px){
		.notre-formulaire{
		width:80%!important;
}
}

@media(max-width:719px){
.notre-formulaire{
 width:100%!important;
		}	
}

/*** section concept ***/

@media(min-width:1024px){
		.concept-groupe-secondaire{
				display:block;
		}
		.concept-mobile-groupe-principal{
				display:none;
		}
		.concept-colonne-groupe-privative, .concept-colonne-groupe-collective{

				background-color:#dfdac5!important;
				width:50%;
				margin:auto;
				padding:10px;
				height:auto;
				border-radius:25px;
				overflow:hidden;
				box-shadow:5px 30px 20px rgba(0, 0, 0, 0.8);
		}
		.concept-colonne-groupe-privative p, .concept-colonne-groupe-collective p{
				font-size:12px;
				color:black;
		}
		.groupe-titre-privative > figure, .groupe-titre-collective > figure{
				margin:0;
width:100px;
		}
		.groupe-titre-privative h3{
				color:brown;
		}
		.concept-colonne-groupe-privative h6{
				color:brown;
		}
		.groupe-titre-collective h3{
				color:green;
		}
		.concept-colonne-groupe-collective h6{
				color:green;
		}
}

@media(min-width:720px) and (max-width:1023px){
				.concept-groupe-secondaire{
				display:block;
		}
		.concept-mobile-groupe-principal{
				display:none;
		}
			.concept-colonne-groupe-privative, .concept-colonne-groupe-collective{
				background-color:#dfdac5;
	
				width:85%;
				margin:auto;
				padding:10px;
				height:auto;
				border-radius:25px;
				overflow:hidden;
				box-shadow:5px 30px 20px rgba(0, 0, 0, 0.8);
		}
		.concept-colonne-groupe-privative p, .concept-colonne-groupe-collective p{
				font-size:12px;
				color:black;
		}
		.groupe-titre-privative > figure, .groupe-titre-collective > figure{
				margin:0;
width:100px;
		}
		.groupe-titre-privative h3{
				color:brown;
		}
		.concept-colonne-groupe-privative h6{
				color:brown;
		}
		.groupe-titre-collective h3{
				color:green;
		}
		.concept-colonne-groupe-collective h6{
				color:green;
		}
}
/* @media(min-width: 720px) and (max-width: 1023px) {
		
    .concept-mobile-groupe-principal {
        display: block !important;
        visibility: visible !important;
        opacity: 1 !important;
    }
} */


@media(max-width:719px){
		.concept-groupe-secondaire{
				display:none;
		}
		.concept-mobile-groupe-principal{
				display:block;
		}

    /* Blocs cachés complètement fermés au départ */
  .concept-mobile-cache-privative,
    .concept-mobile-cache-collective {
        max-height: 0;
        overflow: hidden;
        opacity: 0;
        padding: 0;
        transition: max-height 0.4s ease, opacity 0.3s ease, padding 0.3s ease;
        display: block;
    }

    /* Quand le bloc est ouvert */
   .concept-mobile-cache-privative.open,
    .concept-mobile-cache-collective.open {
				min-height:320px;
        opacity: 1;   
    }

    /* design des blocs visibles */
  .concept-mobile-groupe-secondaire{
        background-color:#dfdac5;
        width:100%;
        margin:auto;
        padding:10px;
        border-radius:25px;
        overflow:visible;
        box-shadow:5px 30px 20px rgba(0, 0, 0, 0.8);
				margin-bottom:10px;
				height:auto;
    }

    .concept-mobile-title-privative, .concept-mobile-subtitle-privative{
        color:brown!important;
    }
    .concept-mobile-picture-privative{
        margin:0;
        width:100px;
    }
    .concept-mobile-title-collective, .concept-mobile-subtitle-collective{
        color:green!important;
    }
    .concept-mobile-picture-collective{
        margin:0;
        width:100px;
    }

    /* Boutons + / – stylés et centrés */
    .concept-mobile-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background-color: #dfdac5; /* couleur de ton bouton */
       color: brown;
        font-size: 24px;
        cursor: pointer;
        transition: background 0.3s;
        margin: auto;
    }

    /* symbole + ou – via pseudo-élément */
  .concept-mobile-btn::after {
        content: "+";
    }

    .concept-mobile-btn.open::after {
        content: "–";
    }
		.concept-mobile-cache-privative p, .concept-mobile-cache-collective p{
				font-size:10px;
		}
}

@media(max-width:719px){
.intro-presentation-centre{
		font-size:13px;
}
}

/** avis google home page **/
.titre-avis-google{
				padding-top:0!important;
		}
@media(min-width:720px) and (max-width:1023px){
		
		.titre-avis-google h4{
				font-size:1.5rem;
		}
		.titre-avis-google p{
				font-size:17px;
		}
}

@media(max-width:719px){
		
		.titre-avis-google h4{
				font-size:1.2rem;
		}
		.titre-avis-google p{
				font-size:13px;
		}
}

/*** section features ***/
.groupe-features figure.wp-block-image {
    border: 5px solid #a41a9d;
   border-radius:20px;
    display: inline-block;
}

.groupe-features img{
		border-radius:15px;
}

.groupe-features .wp-block-button {
   min-width: 300px;
    text-align: center;
		margin-bottom:40px;
}
.groupe-features .wp-block-button a{
		border:3px solid white!important;
}

@media(max-width:719px){
		.groupe-features .wp-block-button {
   min-width: 250px;
    text-align: center;
				margin-bottom:40px!important;
}
}

/*** parfums bougies ***/

.groupe-parfums-container {
    overflow: hidden;
}



.groupe-parfums-container{
		padding-bottom:0!important;
}
.groupe-parfums{
		width:50%!important;
		margin:50px auto!important;
}
.colonne-droite-parfums, .colonne-gauche-parfums{
		padding-left:80px;
}

@media(min-width:720px) and (max-width:1023px){
		
		.groupe-parfums{
				width:100%!important;
		}
		.colonne-droite-parfums, .colonne-gauche-parfums{
		padding-left:60px;
}
}

@media(max-width:719px){
		
		.description-modele-bougies{
				font-size:13px!important;
		}
		.groupe-parfums{
				width:100%!important;
				margin-top:10px!important;
		}
		.colonne-gauche-parfums, .colonne-droite-parfums{
		padding-left:1px;
				width:50%;
				font-size:10px;
}
		.colonne-gauche-parfums ul, .colonne-droite-parfums ul {
    list-style-type: none;
    margin-left: 0;
		}
}

.groupe-commande-bougies{
		padding-bottom:50px!important;
		margin-top:0!important;
}

.groupe-commande-bougies p{
		width:60%;
		margin:auto;
}

@media(min-width:720px) and (max-width:1023px){
		.groupe-commande-bougies p{
		width:90%;
		margin:auto;
}
}

@media(max-width:719px){
		.groupe-commande-bougies p{
		width:90%;
		margin:auto;
				font-size:14px;
}
}

/*** page location ***/
.section-blob{
		position : relative;
		min-height:640px!important;
		background-color:black!important;
}


.blob-image {
    position: relative;
    top: -130px; /* remonte le bloc de 50 pixels */

    filter: drop-shadow(0 0 10px #00ffff)
            drop-shadow(0 0 20px #00ffff)
            drop-shadow(0 0 30px #00ffff)
            drop-shadow(0 0 40px #00ffff);
}

.section-icones-location{
 	position : relative;  
		width:70%;
 		bottom:200px;		
		
}

.description-location{
		margin-top:50px;
		width:80%;
		margin: 50px auto;
		padding-bottom:50px;
}

@media(min-width:720px) and (max-width:1023px){
		.blob-image{
				top:-90px;
		}
		.section-icones-location{
				width:100%;
				bottom:140px;
		}
		.bloc-colonne-icones-location p{
				font-size:12px!important;
				padding-top:10px;
		}
}

@media(max-width:719px){
		.blob-image{
				top:-30px;
		}
		.bloc-colonne-icones-location{
				flex-direction:column!important;
		}
		.bloc-colonne-icones-location svg{
				width:30px;
				height:30px;
		}
		.section-icones-location{
				bottom:10px;
				width:100%;
		}
		.description-location{
				margin-top:50px;
		width:95%;
				font-size:16px;
		}
		.bloc-boutons-location {
				flex-direction:column!important;
				width:100%;
		}
		.bloc-boutons-location .wp-block-button{
		display:block!important;
				width:80%!important;
		}
}

/*** home page services ***/
.bouton-massage2{
		width:30%;
		margin-top:20px!important;
}

@media (min-width:720px) and (max-width:1023px){
		.bouton-massage2{
				width:50%;
		}
}

@media (max-width:719px){
		.bouton-massage2{
				width:80%;
		}
}
/*** home page ***/
@media (min-width:720px) and (max-width:1023px){
		.blocBoutonPageHome {
				margin-bottom : 140px!important;
		}
}
@media (max-width:719px){
		.blocBoutonPageHome a{
			font-size:11px!important;
		}
		.blocBoutonPageHome {
				margin-bottom:140px!important;
		}
}

/*** page formules et tarifs ***/

.section-tarifs{
		display:block;
 }

.section-tarifs-groupe-secondaire{
		max-width:50%!important;
		margin:40px auto!important;
}

@media (min-width:720px) and (max-width:1023px){
		.section-tarifs-groupe-secondaire{
		max-width:75%!important;
		margin:40px auto!important;
}
}

@media (max-width:719px){
		.section-tarifs-groupe-secondaire{
		max-width:85%!important;
		margin:20px auto!important;
		font-size:13px!important;
		
}
}

.section-tarifs .wp-block-cover__inner-container {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    align-self: flex-start !important;
}

.section-tarifs .section-tarifs-groupe-principal {
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
}
/* horaire privatifs */

@media (max-width:719px){
		.colonne-gauche-formule h3{
				font-size:20px!important;
		}
}

.titre-avis-page-formules{
		
		padding-top:40px!important;
}

/*** page services ***/



.halo-section-horaire-services {
    position: relative; /* nécessaire pour le pseudo-élément */
    background-color: #000000; /* rectangle noir */
    border-radius: 3px; /* coins légèrement arrondis pour harmoniser avec le halo */
    z-index: 1; /* texte au-dessus */
}

.halo-section-horaire-services::before {
    content: "";
    position: absolute;
    top: -20px;   /* élargit le halo au-dessus du bloc */
    left: -20px;  /* élargit le halo à gauche */
    right: -20px; /* élargit le halo à droite */
    bottom: -20px;/* élargit le halo en dessous */
    background: transparent; /* juste le halo, pas de couleur à l'intérieur */
    box-shadow: 0 0 10px rgba(0,180,255,0.4),
                0 0 20px rgba(0,180,255,0.3),
                0 0 30px rgba(0,180,255,0.2),
                0 0 40px rgba(0,180,255,0.15);
    z-index: -1; /* derrière le bloc */
    border-radius: 50px; /* le halo suit exactement la forme légèrement arrondie du bloc */
}




@media(min-width:720px) and (max-width:1023px){
		.groupe-boutons-services .kt-row-column-wrap {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    row-gap: 1.2rem !important;
  }
		
		.section-bloc-boutons-services > .kt-inside-inner-col {
    row-gap: 10px !important;
  }
}

@media(max-width:719px){
		.groupe-boutons-services .kt-button{
		display: flex;
    flex-direction: column;
    justify-content: center;
    height: 60px; 
				font-size:12px;
		}
		
		.groupe-boutons-services .kt-row-column-wrap {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
    row-gap: 0.8rem !important;
  }
		
		.section-bloc-boutons-services > .kt-inside-inner-col {
    row-gap: 8px !important;
  }
		.colonnes-titres-services-hauteur .wp-block-column:not(:last-child){
				margin-bottom:0!important;
				padding-bottom:0;
		}
		.halo-row-horaire-services{
				max-width:80%!important;
		}
		.halo-section-horaire-services{
				font-size:13px;
		}
		.bloc-boutons-horaire-services{
				margin-top:0!important;
		}
}

/*** page aquadance ***/

.groupe-video-aquadance{
max-width:100%;
overflow:hidden;
}

.groupe-video-aquadance video{
width:100%;
height:auto;
display:block;
		margin-left:auto;
margin-right:auto;
		max-height:400px;
		width:auto;
}

@media(max-width:719px){
		.aquadance-title{
				font-size:22px;
		}
}

/*** home page section horaire ***/
.groupe-home-horaire{
		padding:10px!important;
}

/*** home page section caroussel ***/
.caroussel-accueil .kb-gallery-image-contain{
    height:150px!important;
}

.caroussel-accueil .kb-gallery-image-contain img{
    height:100%;
    width:100%;
    object-fit:cover;
}


/*** bouton barré page d'accueil ***/
.broken_link {
  text-decoration: none !important;
}

/*** page video ***/
/* cacher les boutons flottants sur mobile */
@media (max-width: 1023px) {
  .page-id-6551 .boutons-mobile-flottants {
    display: none !important;
  }
}

/* CSS ADDITIONNEL */
/* menu de navigation  */
.main-header-bar {
	position: fixed;
	top:30;
	left:0;
	width:100%;
	z-index: 999;
	background : transparent;
	transition:background 0.3s ease;
	box-shadow: 0.3 ease;
}

.main-header-bar.scrolled {
	background : black;
	box-shadow : 0px 4px 6px rgba(0,0,0,0.1)
}


@media(max-width:1024px){
	.ast-mobile-popup-inner {
		width:60%!important;
		height: 400px
	}
}	
	@media(max-width:1024px){
	.main-navigation > .main-header-menu > .menu-item > .menu-link {
	text-shadow:none !important;
}
}




.main-navigation > .main-header-menu > .menu-item > .menu-link {
	text-shadow:2px 2px black;
}


.site-primary-header-wrap{
	padding:0
}

.main-header-bar-navigation {
    margin: 0;
}
.main-header-bar-navigation .menu-link {
    padding: 0px 17px!important;
}

/* particules */

.particle{
	position:absolute !important;
	z-index:11!important;	
	}

/* rajouter */
@media(max-width:1024px){
	.particle{
		display:none;
	}
}

/*  sous titres (h2) */
.petit-titre {
	font-size:29px !important;
}

/****VIBRATIONS*******/
 .vibrate-hover {
  animation: none;
	transition: transform 0.3s ease;
}

.vibrate-hover:hover {
  animation: vibrate 0.6s ease infinite;
}

@keyframes vibrate {
  0% { transform: translate(0); }
  20% { transform: translate(-1px, 1px); }
  40% { transform: translate(-1px, -1px); }
  60% { transform: translate(1px, 1px); }
  80% { transform: translate(1px, -1px); }
  100% { transform: translate(0); }
} 

/* boutons de la section accueil page home */
.colonne-accueil-boutons >.wp-block-buttons >.wp-block-button{
	padding: 0 60px!important;
}

 @media (min-width: 720px) and (max-width: 1023px){
	.colonne-accueil-boutons >.wp-block-buttons >.wp-block-button{
		flex-basis:100%!important;
	padding: 0 200px!important;
}
	 .accueil-colonne-horaire{
		 display:flex!important;
			
		 }
	.accueil-colonne-jour{
		min-width:50%!important;	
		margin-left:50%!important;
	}
	.accueil-colonne-heure{
		min-width:200px} } 




@media (max-width:719px){
	.espacement-accueil{
		height:80px!important;
	}
	.colonne-accueil-boutons >.wp-block-buttons >.wp-block-button{
		padding:0!important;
		min-width:85%
		
	}
	.colonne-accueil-boutons > .wp-block-buttons {
    display: flex !important;
    justify-content: center !important;
  }
	.accueil-colonne-jour{
		min-width:35%!important;
		padding:0!important;
		
	}
.accueil-colonne-horaire {
		line-height:8px!important;
	}
	.accueil-colonne-heure{
		margin:0!important;
    flex-basis: 55% !important;
  }
	}

@media (min-width:720px) and (max-width:1023px){
		.scroll-arrow{				display:none!important;
		}
}




/* home page premiere section*/
.buttonHome a{
	font-size:13px!important;
}

.titre-accueil{
	font-size:36px!important;
}

@media (max-width: 719px) {
  .titre-accueil {
		font-size:26px !important;
	}

	.colonne-presentation{
		padding:0!important;
		margin:0!important;
	}
	
	.groupe-presentation-centre p{
		font-size:12px!important;
		padding-left:10px!important;
	}
	
	.colonne-presentation p {
		font-size:14px!important;
	}
	
	.banniereHome{
		min-height:670px!important;
	}
	
	.buttonHome{
		min-width:90%;
	}
}
/* home page section présentation video */
video {
  max-width: 300px;   /* largeur maximale, à ajuster selon ton besoin */
  width: 100%;        /* occupe 100% de la largeur du conteneur */
  height: auto;       /* conserve les proportions */
  display: block;     /* s’assure qu’elle se comporte comme un bloc */
  margin: 0 auto;     /* centre la vidéo */
}


.colonne-presentation-centre, .colonne-presentation-image-video{
	display:flex;
	flex-direction:column;
	justify-content:space-between!important;
}

.image-video{
	width:60%;
}

/* page video */
.groupe-video-zenzizen{
margin-top:25px!important;
	
}

.video-zenzizen > video{
	border:3px solid #a41a9d;
	 object-fit: contain !important;
	aspect-ratio: auto!important;
}

@media (min-width:720px) and (max-width:1023px){
	.groupe-video-zenzizen{
		margin-top:10px!important;
	}
}

@media (max-width:719px){
	.groupe-video-zenzizen{
		margin-top:0!important;
	}
	.col-gauche-video{
		padding:0!important;
	}
}


/*** home page services ***/

@media (min-width:720px) and (max-width:1023px){
	.bouton-massage{
		width:34%!important;
	}
	.bouton-massage a{
		font-size:16px!important;
	}
}

@media (max-width:719px) {
	.presentation-services{
		text-align:left !important;
		padding-left:10px!important;
		font-size:14px;
	}
	.bouton-massage{
		width:75%!important;
	}
	.bouton-massage a{
		font-size:16px!important;
	}
	.bouton-reflexo a, .bouton-bar a{
		font-size:12px !important;
		padding:10px !important;
	}
	.espacement-services{
 		display:none!important; 
	}
}



/* zoom sur image */

.zoom-hover {
transition: transform 0.3s ease;
}

.zoom-hover:hover {
transform: scale(1.05);
}



/* banniere promo */

.groupe-promo, .groupe-promo2 {
  position: relative;
  display: inline-block;
	padding:20px!important;
}

.image-promo{
	display:block;
	width:70%;
	height:auto;
}

.image-promo .wp-block-uagb-image__figure {
  min-height: 700px;
}

.image-promo2 {
  display: block;
  width: 100%;
  height: auto;
}


.image-promo3 {
  width: 100% !important;     
  display: block !important; 
  
}



.parent-image-promo {
  display: flex !important;
  justify-content: center !important;
}

.descriptif-promo,.descriptif-promo2{
	font-size:20px;
}
@media (min-width:720px) and (max-width:1023px){
	.image-promo{
	display:block;
	width:100%;
	height:auto;
}

.image-promo img{
	min-height:700px;
}
}

@media (max-width: 719px) {
	.groupe-promo{
		padding-top:0!important;
	}
  .boutons-promo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }

  .boutons-promo .wp-block-button {
    width: auto;
    margin: 5px 0;
  }

  .boutons-promo .wp-block-button a {
    display: inline-block;
  }
	.image-promo {
 	width:100%;
	}
		.image-promo .wp-block-uagb-image__figure {
  min-height: 100px;
}
}

/* compte a rebours */

#compte-a-rebours.rebours-home{
	background-color:transparent!important;
	margin-top:0!important;
	width:90%!important;
} 

#compte-a-rebours {
	 background-color:#a41a9d;
  position: relative;
		width:60%;
	 margin:auto!important;
	 margin-top:50px!important;
		text-align:center;
  font-size: 35px;
  font-weight: bold;
  color: #fff;
} 
#compte-a-rebours1 {
	background-color:#a41a9d;
  position: relative;
		width:60%;
	margin:auto!important;
		text-align:center;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

#compte-a-rebours2 {
	background-color:#a41a9d;
  position: relative;
 width:70%;
	margin:auto!important;
	margin-top:0!important;
	margin-bottom:0!important;
		text-align:center;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

#compte-a-rebours3 {
	background-color:#a41a9d;
  position: relative;
 width:70%;
	margin:0!important;
	margin-top:0!important;
	margin-bottom:0!important;
		text-align:center;
  font-size: 40px;
  font-weight: bold;
  color: #fff;
}

#compte-a-rebours4 {
  position: absolute;
	width:60%;
		text-align:center;
  top: 0%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  z-index: 20;
}

#compte-a-rebours5 {
	
  position: absolute;
		width:60%;
		text-align:center;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  font-size: 35px;
  font-weight: bold;
  color: #fff;
  z-index: 20;
}

	.image-promo > figure,
.image-promo1 > figure{
		width:80%!important;
		margin:auto!important;
	}
@media(min-width: 720px) and (max-width: 1023px){
	#compte-a-rebours {
		width:80%;
		text-align:center;
		font-size:25px;
	}
	#compte-a-rebours1 {
		width:80%;
		text-align:center;
		font-size:23px;
	}
	#compte-a-rebours2 {
	width:100%;
		text-align:center;
		font-size:23px;
	}
	#compte-a-rebours3 {
		width:100%;
		text-align:center;
		font-size:23px;
	}
	#compte-a-rebours4 {
		width:60%;
		text-align:center;
		top:1%!important;
		font-size:28px;
	}
	#compte-a-rebours5 {
		width:60%;
		text-align:center;
		font-size:30px;
		top:7%!important;
	}
	.descriptif-promo2{
		font-size:20px;
	}
	.image-promo, .image-promo1{
		margin-top:0;
	}
	
		.image-promo > figure,
	.image-promo1 > figure{
		width:80%!important;
			margin:auto!important;
	}
}

@media (max-width: 719px) and (orientation: landscape) {
	.promo-title{
		margin-top:20px!important;
	}
  .descriptif-promo2{
		font-size:20px!important;}
	
	#compte-a-rebours {
		width:60%;
		text-align:center;
    font-size: 20px!important;
    top:-5%!important;
  }
	#compte-a-rebours1 {
		width:60%;
		text-align:center;
		padding-top:25px!important;
    font-size: 27px!important;
    top:5%!important;
  }
	#compte-a-rebours2 {
    font-size:20px!important;
    top:10%!important;
  }
	#compte-a-rebours3 {
    font-size:20px!important;
    top:-1%!important;
  }
	#compte-a-rebours4 {
    font-size:22px!important;
    top:-1%!important;
  }
	#compte-a-rebours5 {
		width:60%;
		text-align:center;
    font-size:20px!important;
    top:0%!important;
  }	
}


@media (max-width: 719px) {
	.promo-title{
		margin-top:20px!important;
	}
  #compte-a-rebours {
		position:relative;
		width:80%;
		text-align:center;
    font-size: 15px;
		margin-top:10px!important;
  }
	#compte-a-rebours1 {
		position :relative;
		width:80%;
		text-align:center;
    font-size: 15px;
		margin-top:10px!important;
  }
	#compte-a-rebours2 {
    position :relative;
		width:100%;
		text-align:center;
    font-size: 15px;
		margin-top:10px!important;
  }
	#compte-a-rebours3 {
		  position :relative;
		width:100%;
		text-align:center;
    font-size: 15px;
		margin-top:10px!important;
  }
	#compte-a-rebours4 {
		width:60%;
		text-align:center;
    font-size: 13px;
    top:-5%;
  }
	#compte-a-rebours5 {
		width:60%;
		text-align:center;
    font-size: 15px;
    top:-2%;
  }
		.descriptif-promo{
		font-size:14px !important;
	}
	
	.descriptif-promo2{
		font-size:14px;
	}
	.image-promo, .image-promo1{
		margin-top:0!important;
		
	}
	.image-promo > figure,
	.image-promo1 > figure{
		width:80%!important;
		margin:auto!important;
	}
}



/* page home section installations */

@font-face {
    font-family: 'StoryScript';
    src:     url('https://zenzizen.be/wp-content/themes/astra-child/polices/StoryScript-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
   
}

.promo-bloc{
	box-shadow: 3px 3px 15px rgba(255, 255, 255, 0.3);
}

.promo-texte {
    font-family: 'StoryScript', cursive;
	font-size:26px;
	line-height: 1;    
    display: flex; 
    align-items: center;
	position: relative;
  left: 55px;
}


@media (min-width:720px) and (max-width:1023px){
	.promo-texte{
		 font-family: 'StoryScript', cursive;
	}
	.reservation-texte{
		font-family:'roboto';
	}
}


@media (max-width:719px){
	.promo-texte{
		font-family:'StoryScript', cursive;
		left: auto !important;   
    right: auto !important;  
    text-align: center;
		font-size:30px;
    display: block;
    margin: 0 auto;
	}
	.bloc-promo-button a{
		font-size:16px!important;
		text-align:center;
	}
	.reservation-texte{
		font-family:'arial';
		left: auto !important;   
    right: auto !important;  
    text-align: center;
		font-size:20px;
    display: block;
    margin: 0 auto;
	}
	.bloc-reservation-button{
		width:100%!important;
	}
	.bloc-reservation-button a{
		font-size:16px!important;
		text-align:center;
		
	}
}


@media (max-width: 719px){
	
	.presentation-installations{
		font-size:14px !important;
		padding-left:8px !important
	}
}

@media (max-width: 768px){
	.interlignes{
		display:none;
	}
}

@media (max-width: 768px){
	.blocInstallations h4{
		font-size:30px;
	}
}
 
/* icon flip */
.icon-flip-hover {
  perspective: 600px;
  display: inline-block;
}

.icon-flip-hover > img {
  transition: transform 0.6s ease;
  transform-style: preserve-3d;
}

.icon-flip-hover:hover > img {
  transform: rotateY(180deg);
}

@media (max-width: 768px){
	.icone-piscine,.icone-sauna,.icone-jacuzzi{
		width:50%;
		height:50%;
	}
}





/* @media(min-width:768px)and(max-width:1024px){
	.banniereHome .wp-block-cover__image-background{
	object-position:53% 80%!important;
		object-fit:cover;
	}
} */


.groupe-presentation h2 {
margin-bottom: 0 !important;
}

.groupe-presentation p {
margin-top: 0 !important;
}


/* --section horaire home-- */

/* @media (max-width:768px){
		
	.groupeHoraireHome{
		width:95%;
		line-height:0px;
	}
	.groupeHoraireHome p{
		font-size:11px!important;
	}
}


@media (min-width:769px) and (max-width:1024px){
	.groupeHoraireHome{
		width:60%;
		line-height:10px;
	}
	.groupeHoraireHome p{
		font-size:20px;
	}
} */

/*section installations home*/

/* @media(max-width 1024px){
	.iconeInstallations {
		width:10%!important;
	}
}
 */
.sectionslider{
	position:relative;
}


.image-flou {
	position:relative;
	opacity:0.4

}

.slidercolumns{
	position:absolute;
	top:50%;
	left:50%;
		transform:translate(-50%,-50%);
	width:80%;
}


	
/* 	page home section bols */
	
	@media (max-width:719px){
		.sous-titre-bols{
			font-size:14px!important;
			padding-bottom:10px;
		}
		.colonne-bols{
			font-size:14px !important;
		}
	}
	
/* page home section formules	 */
.texte-presentation-formules{
	font-size:20px!important;
}

	@media (max-width:719px){
		.texte-presentation-formules{
			font-size:13px !important;
			text-align:left;
			padding-left:22px;
		}
	}
/* 	page home section reservation */
@media (min-width:720px) and (max-width:1023px){
	.presentation-reservation{
		font-size:18px!important;
	}
}

	@media (max-width:719px){
		.presentation-reservation{
			font-size:14px !important;
			padding-left:10px;
			text-align:left;
		}
	}
	
/* 	---- Formules home ---- */
@media (min-width:1024px){
	.formulesHome{
		min-height:400px!important;
	}
}	
	
	
	@media (max-width:768px){
			.formulesHome .wp-block-columns .wp-block-column .wp-block-buttons{
			width:90%;	
			margin-left:auto;
			margin-right:auto;	
				margin-top:0;
				margin-bottom:0;
				padding:0;
		}			
	}
/* ----Reservation home--- */
	@media(max-width:1024px){
	.groupeReservationHome p{
	
		font-size:14px;
	}
	}
	
/* ----------------------- */
.mon-tableau th{
	border:4px solid white !important;
	background-color:#a41a9d !important;	
}

.mon-tableau td{
	background-color:#1C9E41 !important;
	border: 4px solid white;
}	
	
	@media(max-width:768px){
	.bouton-bloc-newsletter{
	padding:0!important;
		margin:0!important;
		min-width:200px;
		height:60px;
	}
	}
/* ------- page notre centre	 */
.pum-overlay {
  position: fixed;
  top: 0; left: 0; right: 0; bottom: 0;
  background-color: rgba(0, 0, 0, 0.5) !important;
  z-index: 9998;
}
	
	.perm-active #content {
  filter: blur(5px);
  pointer-events: none; /* pour que le contenu ne soit pas cliquable */
  user-select: none; /* pour ne pas pouvoir sélectionner le texte */
}

	@media(max-width:719px){
		.presentation-zenzizen{
			font-size:23px !important
		}
		.about-presentation-centre{
			font-size:12px!important;
			padding-left:10px!important;
padding-right:5px!important;
		}
		.sous-titre-installations{
			font-size:20px !important;
		}
		.installations p{
			font-size:14px !important;
		}
	}
	

	
	
	/* ------- page nos services */
	
	@media(max-width:719px){
		.presentation-horaires-services{
			font-size:12px;
				text-align:center!important;
		}
	}	

@media(min-width:1024px){
	.texte-descriptif-bar{
		font-size:16px;
	}
}

@media(min-width:720px) and (max-width:1023px){
		.sous-titre-services{
			font-size:16px !important;
		}
	.texte-descriptif-bar{
		font-size:14px !important;
	}
	}

@media(max-width:719px){
	.sous-titre-services{
			font-size:12px !important;
		}
	.texte-descriptif-bar{
		font-size:12px;
	}
}

/* Container global du popup */
.pum-container, .pum-container.theme-2703, .pum-container.pum-responsive {
  padding: 15px !important;
  font-family: Arial, sans-serif !important;
}

/* Titres du popup */
.pum-title, .popmake-title {
  font-size: 18px !important;
  font-weight: 600 !important;
  line-height: 1.3 !important;
  margin-bottom: 10px !important;
  text-align: left !important;
}

/* Texte sous l’image */
.pum-container p {
  font-size: 12px !important;
  text-align: left !important;
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

/* Image bloc */
.pum-container img {
  display: block !important;
  margin: 0 15px 15px 0 !important;
  max-width: 150px !important;
  float: left !important;
}

/* Correction icône dans le titre */
.pum-title em {
  font-style: normal !important;
  font-weight: 700 !important;
  vertical-align: middle !important;
  margin-right: 8px !important;
  float: none !important;
  display: inline-block !important;
}

/* Pour mobile : ajustement responsive */
@media (max-width: 600px) {
  .pum-container img {
    float: none !important;
    display: block !important;
    margin: 0 auto 10px auto !important;
    max-width: 100% !important;
  }
  .pum-title {
    font-size: 20px !important;
  }
  .pum-container p {
    font-size: 12px !important;
		font-weight:bold
  }
}

/* bouton icone-oeil */


.bouton-oeil-perso {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 30px;
  height: 30px;
  font-size: 16px!important;
  background: transparent;
  border: none;
  color: inherit;
  text-decoration: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  box-shadow: none;
}

	@media (max-width: 768px) {
 .bouton-oeil-perso {
    font-size: 16px; /* taille plus petite sur mobile */
  }
}

	
/* ------ page only men --- */


	
@media only screen and (max-width:768px){
	.banniereGay > img{
	width:100% !important;
		height:100%!important;
		object-fit:cover!important;
		object-position:right !important
	}
}

 @media(max-width:768px){
.groupGaysEnfant
	{
		max-width:100%!important;
 padding-left:0px!important;
		padding-right:0px!important;
	}
}

@media(max-width:719px){
	.men-only-acces{
	
		font-size:11px!important;
		margin-top:0!important;
	}
.groupGaysTarif
	{
		
		max-width:90%!important;
	}
	.gay-tarif-titre{
		font-size:22px!important;
		padding-bottom:25px!important
	}
	.gay-seance-titre{
		font-size:17px!important;
	}
	.coupure-titre-mobile br {
        display: inline;
    }
	.gay-tarif-titre-jours{
		font-size:24px!important;

	}
	.bloc-horaire-gays{
		padding:0!important;
		margin:0!important;
	}
	.gay-tarif-titre-heures{
		font-size:14px!important;
	}
	.gay-bouton-horaire{
		max-width:100%!important;
	}
} 
	
	@media(max-width:719px){
		.colonnes-men-only{
			padding:15px
			}
		
		.presentation-only-men p{
			font-size:14px!important;
		}
		.presentation-naturisme{
			font-size:14px !important;
		}
	}
	
/* 	page formules et tarifs*/

.coupure-titre-mobile{
	font-size:24px;
}

@media(min-width:720px) and (max-width:1023px){
	.colonnes-tarif-entree{
	display:inline!important;
	}
	.coupure-titre-mobile{
		font-size : 30px;
		text-align:center;
	}
}

@media(max-width:719px){
	.colonnes-tarif-entree{
	display:inline!important;
	}
	.coupure-titre-mobile{
		font-size:20px;
		margin:0!important;
		text-align:center;
	}
}
	

	@media(max-width:719px){
		.presentation-formule-non-privative,.presentation-plages-horaires,.presentation-formules-privatives,.presentation-horaires-privatifs{
			font-size:13px!important;
			text-align:left!important;
			padding-left:12px;
		}
		
		.titre-groupe{
			font-size:26px!important;
		}
	}
	

	@media(max-width:719px){
.colonnePlagesHoraires p.has-background{
		padding:0!important;
		margin:1 !important;
		
	}
		.colonnePlagesHoraires h5{
			font-size:35px!important;
		}
}

.colonne-gauche-formule h3{
	padding : 1.25em 10px!important;
	
}
	@media(max-width:719px){
		.colonne-gauche-formule{
			margin-bottom:0!important;
		}
		
		
		.espacement-promotions{
			height:0!important;
		}	
}

	
/* page contact	 */
.presentation-formulaire p{
	text-align:left;
	padding-left:180px;
	padding-right:180px;
}
.groupe-reglement-interieur p{
	padding-left:0;
	padding-right:0;
	text-align:center;
}

@media(min-width:720px) and (max-width:1023px){
	.presentation-formulaire p{
		padding-left:70px;
		padding-right:70px;
	}
	.groupe-reglement-interieur p{
		text-align:center;
		font-size:18px!important;
	}
}
	
	@media(max-width:719px){
		.presentation-formulaire p{
			font-size:13px!important;
			text-align:left;
			padding-left:15px;
			padding-right:15px;
		}
		.groupe-reglement-interieur p{
		text-align:center;
		font-size:13px!important;
	}
	}
	
	
	@media(max-width:768px){
		.blocFormulaire{
			padding:0!important;
/* 			width:100%!important; */
			
		}
		.blocFormulaire {
			background-image : none!important;
		}
		.blocFormulaire .wp-block-columns{
		 margin:0!important;
			min-width:100%!important;
		}
		
		.blocFormulaire .wp-block-columns .wp-block-column{
/* 			padding:0!important; */
		}
	}
	
	@media(max-width:1024px){
		.coordonneesColumn .wp-block-group{
			justify-content:center!important;		
		}
	}

/* 	politique de confidentialité  */
	
@media (max-width: 768px) {
  .page-id-1917 p,
  .page-id-1917 h1,
  .page-id-1917 h3,
  .page-id-1917 h4,
  .page-id-1917 h5,
  .page-id-1917 h6,
  .page-id-1917 li {
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
}
	
/* conditions d'utilisation */
	
	@media (max-width: 768px) {
  .page-id-1943 p,
  .page-id-1943 h1,
  .page-id-1943 h3,
  .page-id-1943 h4,
  .page-id-1943 h5,
  .page-id-1943 h6,
  .page-id-1943 li {
    font-size: 14px !important;
    line-height: 1.4 !important;
    text-align: left !important;
  }
}
	
/* home page section aquagym */
.aquagym-titre-principal {
    color: black !important;
}


.aquagym-colonne-descriptif p{
		padding-left:150px;
}

@media (min-width: 720px) and (max-width: 1023px) {
    .aquagym-banniere {
        background-image: url("/wp-content/uploads/2025/12/aquagym-tablette.jpg");
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
		.aquagym-colonne-descriptif p{
				padding-right:80px!important;
		}
}

@media (max-width: 719px){
		 .aquagym-banniere {
        background-image: url("/wp-content/uploads/2025/12/aquagym-smartphone2.jpg")!important;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }
		.aquagym-titre-principal{
				font-size:2rem;
		}
		.aquagym-colonne-descriptif p{
				padding:0 12px!important;
			font-size:13px;
		}
}