/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jul 16 2026 | 14:35:47 */
@media screen and (min-width: 1921px) {
	div.rotate-marquee {
	  transform: rotate(0) !important;
	}
}
@media screen and (max-width: 1280px) {
	.pl_pr_section {
		padding-inline: 20px!important;
	}
	.tableau span.icon-media {
		width: 100%!important;
		height: auto!important;
	}
	.formulaire .uncont {
  		max-width: 100% !important;
	}
	div.info_form {
	  position: absolute !important;
	  bottom: -68px;
	  top: auto;
	  left: 0;
	  right: auto;
	  width: 100%;
		margin-top: 0!important;
	}
}
@media screen and (max-width: 1024px) {
	div.ml-140 {
		margin-left: -100px!important;
	}
	.jardin {
		height: auto!important;
	}
}

@media screen and (max-width: 959px) {
	
	section.header-video {
		margin-top: 0!important;
	}
	div.ml-140 {
		margin-left: 0px!important;
	}
	div.rotate-marquee {
		width: 110%!important;
  		transform: translateX(-10px) rotate(1.566deg) !important;
	}
	div.max_700 {
		margin: 0 auto!important;
	}
	.flex_activity > div > div > div > .uncont {
	  flex-wrap: wrap;
	  gap: 10px;
	}
	div.card_activity {
		max-width: 49%!important;
	}
	div.aquagym {
	  transform: rotate(0deg);
	  padding-bottom: 24px;
	  margin-top: 0 !important;
	  margin-left: 0 !important;
	}
	div.patinage {
	  transform: rotate(0deg);
	  padding-bottom: 17px;
	  margin-left: 0 !important;
	}
	div.jardin {
	  transform: rotate(0deg);
	  margin-top: 0 !important;
	  margin-left: 0 !important;
	}
	div.cardio {
	  transform: rotate(0deg);
	  padding-bottom: 10px;
	  margin-top: 0 !important;
	  margin-left: 0 !important;
	}
	.visite_title::after {
		right: auto;
		left: 0!important;
	}
	.h_mobile {
		height: 300px!important;
	}
	.mobile_w {
		width: 4%!important;
	}
	.mobile-xxl {
		width: 96% !important;
	  }
	.blue_map::after {
		display: none;
	}
	.fontheight-237016 {
		line-height: 37px!important;
	}
	.video-header .row-inner {
		height: 500px!important;
	}
	.h1-title span {
		font-size: 45px!important;
		line-height: 50px!important;
	}
	section > div > div > div {
		padding-left: 20px!important;
		padding-right: 20px!important;
	}
	.header-image > .row {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.map_content > div {
		padding-left: 0px!important;
		padding-right: 0px!important;
	}
	.blue_section > .uncol {
		margin-left: 0!important;
		margin-top: 0!important;
	}
	.natation_regle,
	.natation_regle > .row,
	.patinoire_regle > .row,
	.patinoire_regle {
		transform: rotate(0deg)!important;
	}
	.horaires::after,
	.station_after::after,
	.station_underline.horaire h2 > span:last-of-type::after,
	.station_underline h2 > span:last-of-type::after,
	.map_title::after,
	.underline_nauti_after span::after,
	.underline_h1 span::after,
	.header-title h1 > span:last-of-type::after,
	.underline_vac span::after {
		display: none;
	}
	.blue_chevron::after {
		left: 100px!important;
	}
	.blue_horaire {
		width: 95%!important;
		margin: 0 auto;
	}
	.facebook_link a {
		border: 1px solid #00C1EE;
		margin-right: 0!important;
		margin-bottom: 10px!important;
	}
	.reseaux_link > div > div > .uncell {
		padding-left: 80px!important;
		padding-right: 80px!important;
	}
	.header-title h1 > span {
		line-height: 45px!important;
	}
	div.row-child:has(a.col-link:hover) .blue-hover{
  		background: transparent;
	}
	div.row-child:has(a.col-link:hover) .blue-hover .heading-text span{
	  color: #FFF;
	}
	div.row-child:has(a.col-link:hover) .pink-hover{
	  background: transparent;
	}
	.mobile_pad > div > div > .uncell {
		padding: 36px 18px 18px 18px !important;
	}
	#mobile-width-center .uncont {
		max-width: 324px!important;
	}
	div.bd_30_right_uncell > div > div > .uncell {
		border-bottom-left-radius: 30px!important;
		border-bottom-right-radius: 30px!important;
		border-top-right-radius: 0px!important;
	}
	section#jardin .rotate-1-neg,
	section#anniversaire .rotate-1-neg,
	section#soiree .rotate-1-neg,
	section#bebe .rotate-1-neg,
	section#marin .rotate-1-neg,
	section#minibulles .rotate-1-neg,
	section#familiarisation .rotate-1-neg,
	section#perfect .rotate-1-neg,
	section#anniversaire-piscine .rotate-1-neg{
		transform: rotate(0deg)!important;
	}
	section#jardin .rotate-1-neg > div > div > div > .uncont,
	section#anniversaire .rotate-1-neg > div > div > div > .uncont,
	section#soiree .rotate-1-neg > div > div > div > .uncont,
	section#bebe .rotate-1-neg > div > div > div > .uncont,
	section#marin .rotate-1-neg > div > div > div > .uncont,
	section#minibulles .rotate-1-neg > div > div > div > .uncont,
	section#familiarisation .rotate-1-neg > div > div > div > .uncont,
	section#perfect .rotate-1-neg > div > div > div > .uncont,
	section#anniversaire-piscine .rotate-1-neg > div > div > div > .uncont {
		transform: rotate(0deg)!important;
	}
	#anniversaire .mb-title:before,
	#cours .mb-title:before,
	#cours .mb-title:after,
	#jardin .mb-title:after {
		display: none;
	}
	.pad_inline_30 > div > div > .uncell {
		padding-inline: 30px!important;
	}
	div.tableur p {
		width: max-content!important;
	}
	#vac .tableur p {
		width: 100%!important;
	}
	.pullquote p:before,
	.pullquote p:after {
		display: none;
	}
	.h1_mobile h1 span {
		font-size: 50px!important;
		line-height: 55px!important;
	}
	.mobile-none {
		display: none!important;
	}
	div.btn_center div.uncont {
		position: relative;
		display: block;
		padding-right: 0px!important;
		display: flex!important;
		flex-direction: column!important;
		justify-content: center!important;
		align-items: center!important;
	}
	.page-id-59 .btn-blue a,
	.page-id-2467 .btn-blue a {
		margin-top: 5px!important;
		position: relative!important;
		left: auto!important;
  		transform: none!important;
	}
	.page-id-59 .btn-white a,
	.page-id-2467 .btn-white a {
		margin-top: 0!important;
		position: relative!important;
		left: auto!important;
  		transform: none!important;
	}
	#pum-2013.pum-theme-2005 a.pum-close.btn-up {
		padding: 13px 40px!important;
	}
	#pum-2013.pum-theme-2005 section {
		border-radius: 23px !important;
	}
	#pum-2013.pum-theme-2005 .pum-container,
	#pum-2013.pum-theme-theme-par-defaut .pum-container {
		top: 50px!important;
	}
	#pum-2013.pum-theme-2005 .pum-container {
		width: 93%!important;
	}
	.mobile_padding > .row {
		padding-bottom: 36px!important;
		padding-top: 36px!important;
	}
	.post-template-default h1 {
		line-height: 45px!important;
	}
}

@media screen and (max-width: 569px){
	div.card_activity {
		max-width: 251px!important;
		height: 270px!important;
		padding: 15px 24px!important;
	}
	.flex_activity > div > div > div > .uncont {
	  flex-direction: column;
	  align-content: center;
	  gap: 0px;
	}
	div.aquagym {
	  transform: rotate(-3.79deg);
	  margin-top: -34px !important;
      margin-left: -28px !important;
	}
	div.patinage {
	  transform: rotate(1.088deg);
	  margin-top: -34px !important;
	  margin-left: 0 !important;
	}
	div.jardin {
	  transform: rotate(-0.755deg);
	  margin-top: -34px !important;
	  margin-left: -28px !important;
	  padding: 15px 16px!important;
	}
	div.jardin .text_card {
		margin-top: 9px!important;
	}
	div.cardio {
	  transform: rotate(3.724deg);
	  margin-top: -15px !important;
      margin-right: -15px !important;
	  margin-left: 0 !important;
	}
	.visite_title::after,
	.underline_after span::after,
	.map_title::after {
		display: none;
	}
	 .mobile_w {
		width: 9% !important;
	  }
	.mobile-xxl {
		width: 91% !important;
	  }
	.vc_section.header-video {
		--video-zoom: 2.2!important;
	}
	.h1_underline span {
		line-height: 45px!important;
	}
	.natation_regle::after,
	.patinoire_regle::after {
		display: none;
	}
	.natation_regle,
	.patinoire_regle {
		padding: 30px!important;
	}
	.low_mobile_uncell_pad > div > div > div {
		padding: 30px!important;
	}
	.blue_horaire .uncode_text_column {
		letter-spacing: 0%!important;
		text-transform: none!important;
	}
	.tableau_low_mobile span.icon-media {
		width: 100%!important;
		height: auto!important;
	}
	.tableau_low_mobile {
		margin-bottom: 50px!important;
	}
	div.blue_horaire {
		width: 92% !important;
		padding: 30px 30px 30px 60px !important;
	}
	div.accordeon_faq .panel-title a span {
		font-size: 20px!important;
		line-height: 26px!important;
	}
	.align_left .accordeon_faq .panel-title > a > span::after {
	  width: 38px!important;
	  height: 8px!important;
	  right: 13px!important;
	}
	div.accordeon_faq .panel-title a {
		padding: 28px 40px 28px 25px!important;
	}
	li[data-tab-id="tab-1770135305-1-86"] a,
	li[data-tab-id="tab-1782890754789-2-2"] a,
	li[data-tab-id="tab-1770135305-1-867"] a{
		margin-bottom: 5px!important;
	}
	.reseaux_link > div > div > .uncell {
		padding-left: 30px!important;
		padding-right: 30px!important;
	}
	.icon-contact {
		text-align: center!important;
	}
	div.info_form{
		bottom: -80px!important;
	}
	.link_activite .heading-text span {
		font-size: 18px!important;
		line-height: 22px!important;
	}
	.underline_h1 h1 > span {
		line-height: 45px!important;
	}
	.no-mt-btn::after,
	.tarif_after::after,
	.localisation_after::after {
		display: none;
	}
	.horaire-title span {
		font-size: 28px!important;
  		line-height: 32px!important;
	}
	.padding-20-low-mobile > div > div > .uncell {
		padding: 30px 20px!important;
	}
	.localisation_after > div > div > .uncell {
		padding-top: 30px!important;
	    padding-right: 20px!important;
	    padding-bottom: 30px!important;
	    padding-left: 20px!important;
	}
	.list-loc span {
		flex-direction: column!important;
	}
	.list-loc strong {
		width: 100%!important;
	}
	.align-left-low-mobile p span,
	.align-left-low-mobile p {
		text-align: left!important;
	}
	#jardin .tableur .forfait-4,
	#cours .tableur .forfait-4,
	#jardin .tableur .forfait-2,
	#cours .tableur .forfait-2 {
		font-size: 14px!important;
		line-height: 16px!important
	}
	section#jardin .scd-col .tableur p,
	section#cours .tableur p {
		padding: 6px 7px !important;
	}
	.title_low_mobile h2 span:first-child {
		font-size: 22px!important;
		line-height: 30px!important;
	}
	.title_low_mobile h2 span:last-child em,
	.title_low_mobile h2 span:last-child {
		font-size: 18px!important;
		line-height: 23px!important;
	}
	.text-low-mobile .uncell {
		padding: 20px!important;
	}
	.text-low-mobile .uncell span,
	.text-low-mobile .uncell p,
	.text-low-mobile .uncell li {
		font-size: 16px!important;
		text-align: left!important;
	}
	.flex-anniversaire {
		flex-direction: column;
	}
	.header_img div.t-entry-visual {
		height: 200px!important;
	}
	.header_img div.t-entry-visual img {
		height: 200px!important;
		object-fit: cover;
	}
	.pt_0_row_low_mobile > .row {
		padding-top: 0!important;
	}
	.fz-30 span,
	.fz-30 p {
		font-size: 30px!important;
		line-height: 35px!important;
	}
	.fz-25 span,
	.fz-25 p,
	strong.fz-25 {
		font-size: 25px!important;
		line-height: 30px!important;
	}
	
	.fz-20 span,
	.fz-20 p,
	.fz-20 h2,
	span.fz-20 {
		font-size: 20px!important;
		line-height: 25px!important;
	}
	.text-center-low-mobile span,
	.text-center-low-mobile .heading-text,
	.text-center-low-mobile p {
		text-align: center!important;
	}
	.pb_0_title > .row {
		padding-bottom: 0!important;
	}
	.nat:hover {
		transform: none!important;
	}

	.aquagym:hover {
		transform: rotate(-3.79deg)!important;
	}

	.patinage:hover {
		transform: rotate(1.088deg)!important;
	}

	.jardin:hover {
		transform: rotate(-0.755deg)!important;
	}
	.cardio:hover {
		transform: rotate(3.724deg)!important;
	}
	.blue_chevron::after {
		left: 70px!important;
	}
	.nav-tabs li[data-tab-id="tab-1770135305-1-867"] a{
		margin-right: 0px!important;
		width: 210px!important;
	}
	.nav-tabs li[data-tab-id="tab-1770135305-2-77"] a,
	.nav-tabs li[data-tab-id="tab-1770135305-2-779"] a {
		margin-left: 0px !important;
		width: 210px!important;
	}
	.pt_0_mobile_row > .row {
		padding-top: 0!important;
	}
	.page-id-952 .underline_h1 h1 > span,
	.page-id-89 .underline_h1 h1 > span {
		line-height: 40px!important;
	}
	.page-id-89 div.title_low_mobile h2 span:first-child {
		font-size: 23px!important;
		line-height: 27px!important;
	}
	.page-id-89 div.title_low_mobile h2 span:nth-child(2) {
		font-size: 20px!important;
		line-height: 25px!important;
	}
	.mobile_pb > .row {
		padding-top: 0!important;
		padding-bottom: 0!important;
	}
	.tags > .row {
		padding-top: 0px!important;
	}
	#row-unique-4.activity {
		margin-top: 30px!important;
	}
}



@media screen and (max-width: 400px) {
	.header_perso div.row-inner {
		height: 64px!important;
	}
}

@media screen and (min-width: 571px) and (max-width: 959px) {
	.tablet-img img {
		width: 78%!important;
  		margin: 0 auto!important;
	}
	.tablet-tab img {
		width: 70%!important;
  		margin: 0 auto!important;
	}
}

@media screen and (max-width: 959px) {
  section.header-video > div > div > div {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
	section.header-video blockquote {
		margin: 0!important;
		border-left: none!important;
	}
}

@media screen and (max-width: 768px) {
  #planning .nav-tabs li:last-child {
    grid-column: 1 / -1;
    justify-self: center;  
  }
}

.planning-lightbox {
  position: fixed;
  inset: 0;
  z-index: 999999;
  background: #fff;            /* fond blanc */
  display: flex;
  align-items: center;         /* centrage vertical */
  justify-content: center;     /* centrage horizontal */
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 20px 10px;
}

.planning-lightbox img {
  width: 100%;
  max-width: 900px;
  max-height: calc(100vh - 40px);  /* tient dans l'écran */
  object-fit: contain;
  height: auto;
  display: block;
  margin: auto;                /* garde le centrage même si l'image dépasse (overflow) */
}

.planning-lightbox-close {
  position: fixed;
  top: 15px;
  right: 15px;
  width: 40px;
  height: 40px;
  border: 1px solid rgba(0, 0, 0, 0.1);  /* visible sur fond blanc */
  border-radius: 999px;
  background: #3F51B5;
  color: #fff;
  font-size: 18px;
  cursor: pointer;
  z-index: 2;
}