/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Sep 07 2026 | 12:52:18 */
 /*-- ALL --*/

.header_perso .uncont {
	padding-top: 0!important;
}

.menu-wrapper.with-header {
	display: none!important;
}
.header-wrapper {
	overflow: auto!important;
}
.header_perso .row-inner {
	height: 88px!important;
}
.max_700 {
	max-width: 700px;
	margin: 0 auto;
}
::selection {
	background: #3F51B5!important;
}
p,
li {
	line-height: 20px!important;
}
.bd_10_uncell .uncell {
	border-radius: 10px!important;
}
.left-radius {
	border-top-left-radius: 10px!important;
	border-bottom-left-radius: 10px!important;
}
.right-radius {
	border-top-right-radius: 10px!important;
	border-bottom-right-radius: 10px!important;
}

.align-center {
	text-align: center!important;
}
.align-left a {
	text-align: left!important;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	gap: 10px;
	width: max-content;
}
.align-left a img,
.rotate-hover-45 a svg{
	transition: all 0.3s ease-in-out;
}
.align-left a:hover img,
{
	transform: rotate(45deg)!important;
}

.rotate-hover-45 a:hover svg {
	transform: rotate(45deg) scale(1.1);
}
.rotate-hover-45 a:hover svg circle {
	transition: all 0.3s ease-in-out;
	fill: #ff0099!important;
	fill-opacity: 1!important;
}

.chapeau p {
	font-size: 18px!important;
	line-height: 22px!important;
}
.header-video blockquote {
	padding: 0!important;
}

.search-results #row-unique-2 .t-entry-readmore a {
	background-color: #00C1EE !important;
    border-radius: 50px;
    color: #1A4A5C !important;
    border: none !important;
}
.page-id-63 h2 {
	font-size: 30px!important;
	line-height: 35px!important;
	font-weight: 700!important;
}
.page-id-63 h3 {
	font-size: 22px!important;
	line-height: 27px!important;
	font-weight: 700!important;
}

/*-- PAGE ACCUEIL --*/

.info-flash .t-inside {
	filter: drop-shadow(2px 2px 9px rgba(0, 0, 0, 0.15));
}

.info-flash .t-entry-text-tc {
	padding: 26px 30px 38px 30px;
}
.info-flash .t-entry-category a {
	pointer-events: none;
  	color: #3F51B5!important;
  	font-family: Sculpin!important;
  	font-size: 14px!important;
  	font-weight: 700!important;
  	line-height: 17px!important;
}
.info-flash .t-entry-title a {
	color: #000!important;
	font-family: Sculpin!important;
	font-size: 18px!important;
	font-weight: 900!important;
	line-height: 22px!important;
}
.info-flash .t-entry-excerpt {
	margin-top: 0!important;
}
.info-flash .t-entry-excerpt p {
	color: #000!important;
	font-family: Sculpin!important;
	font-size: 16px!important;
	font-weight: 400!important;
	line-height: 19px!important;
}



#info-flash .uncode-owl-nav .uncode-nav-container .fa.fa-1x {
  font-size: 16px!important;
  line-height: 16px!important;
}
#info-flash .uncode-owl-nav .uncode-nav-container .fa.fa-arrow-right,
#info-flash .uncode-owl-nav .uncode-nav-container .fa.fa-arrow-left {
	padding: 16.57px 18px;
  	border: 1px solid #FFF;
  	border-radius: 100%;
  	backdrop-filter: blur(2px);
}
#info-flash .uncode-owl-nav .uncode-nav-container > span {
	padding: 0!important;
}
#info-flash .uncode-owl-nav-safe {
	justify-content: flex-start!important;
}
.rotate-marquee {
	transform: rotate(1.566deg)!important;
}
.header-video {
	margin-top: -325px!important;
}
.title-icon {
	margin-top: -25px!important;
	padding-bottom: 72px!important;
}
.underline_after span {
	position: relative;
}
.underline_after span:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/souligner.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 176px;
	height: 22px;
	bottom: -13px;
  	right: 23px;
}

.underline_after.h1_underline span:after {
	background-image: url('/wp-content/uploads/2026/02/h1_underline.svg');
	width: 300px;
	height: 24px;
	right: -24px;
    bottom: -18px;
}

.bd_10 .uncell {
	border-radius: 10px!important;
}
.link_clubgroupe {
	margin-top: -107px!important;
}

.club_link .background-inner,
.groupe_link .background-inner {
	position: relative;
	transition: all 0.3s ease-in-out;
}
.club_link .background-inner:after,
.groupe_link .background-inner:after {
	position: absolute;
	content: '';
	background-color: #FF0099;
	opacity: 0;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	border-radius: 10px;
	
	transition: all 0.3s ease-in-out;
}
.club_link:hover .background-inner:after,
.groupe_link:hover .background-inner:after {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	opacity: 0.9;
	margin: 10px!important;
	transform: scale(0.8)!important;
}
.activite_link .club_link:hover .background-inner:after,
.groupe_link:hover .background-inner:after {
	width: calc(100% - 20px);
	height: calc(100% - 20px);
	margin: 10px!important;
}
.club_link:hover .background-inner,
.groupe_link:hover .background-inner {
	transform: scale(1.2);
}

.title-icon {
	position: relative;
}

.title-icon:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/Group-56.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 1068px;
    height: 978px;
    bottom: -300px;
    right: -250px;
    transform: rotate(-12deg);
    z-index: 0;
}

.ml-140 {
	margin-left: -140px!important;
}
.piscine-p p {
	margin-top: 15px;
	font-size: 16px!important;
	line-height: 19px!important;
}


.flex_activity > div > div > div > .uncont {
	display: flex;
	justify-content: center;
}
.card_activity {
	  max-width: 250px;
	  height: 270px;
	  border-radius: 10px;
	  padding-top: 10px;
	  padding-left: 14px;
	  padding-right: 30px;
	  padding-bottom: 60px;
	  transition: all 0.3s ease-in-out;
}
.nat:hover {
	transform: translateY(-20px);
}
.aquagym {
	transform: rotate(-3.79deg);
	padding-top: 24px;
	padding-left: 23px;
	padding-right: 32px;
	padding-bottom: 67px;
	margin-top: 48px!important;
  	margin-left: -24px!important;
}
.aquagym:hover {
	transform: rotate(-3.79deg) translateY(-20px);
}
.patinage {
	transform: rotate(1.088deg);
	padding-top: 17px;
	padding-left: 24px;
	padding-right: 36px;
	padding-bottom: 45px;
	margin-left: -19px!important;
}
.patinage:hover {
	transform: rotate(1.088deg) translateY(-20px);
}
.jardin {
	transform: rotate(-0.755deg);
	padding-top: 7px;
	padding-left: 18px;
	padding-right: 29px;
	padding-bottom: 21px;
	margin-top: 33px!important;
  	margin-left: -22px!important;
}
.jardin:hover {
	transform: rotate(-0.755deg) translateY(-20px);
}
.cardio {
	transform: rotate(3.724deg);
	padding-top: 9px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 46px;
	margin-top: 20px!important;
  	margin-left: -16px!important;
}
.cardio:hover {
	transform: rotate(3.724deg) translateY(-20px);
}
.title_card {
	margin-bottom: 11px!important;
	margin-top: 9px!important;
}
.jardin .title_card {
	margin-bottom: 6px!important;
	margin-top: 10px!important;
}
.text_card p {
	font-size: 16px!important;
	font-weight: 400!important;
	line-height: 19px!important;
}

.bd_10_top {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.bd_10_bottom {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

.visite_title {
	position: relative;
}
.visite_title:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/visite_title.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 203px;
	height: 17px;
	bottom: -15px;
  	right: 0px;
}

.max_1440 {
	max-width: 1440px!important;
	margin: 0 auto!important;
}

.map_title {
	position: relative;
}
.map_title:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/nautilis_line_white.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 203px;
	height: 17px;
	bottom: -15px;
  	left: -8px;
}
.blue_map {
	position: relative;
}
.blue_map:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/chevron_pink.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 158px;
	height: 55px;
	top: -17px;
    left: -70px;
    z-index: 1;
}

.asterix {
  position: absolute!important;
  bottom: -60px;
  left: 0;
  text-align: left;
  width: 250px;
}


/** PAGE DÉCOUVRIR NAUTILIS  **/

#balneo {
	position: relative;
}
@media screen and (min-width: 1280px) {
	#balneo:before {
	position: absolute;
	background-image: url('/wp-content/uploads/2026/02/Group-88-1.svg');
	content:'';
	background-repeat: no-repeat;
	background-size: contain;
	width: 1391px;
	height: 1467px;
	left: -673px;
	top: calc(50% - 738px);
	pointer-events: none;
	z-index: 0;
}
}

.underline_nauti_after span {
	position: relative;
}
.underline_nauti_after span:after {
	  position: absolute;
	  content: '';
	  background-image: url('/wp-content/uploads/2025/12/souligner.svg');
	  background-repeat: no-repeat;
	  background-size: cover;
	  width: 231px;
	  height: 22px;
	  bottom: -16px;
	  right: -23px;
}
.station_underline h2 > span:last-of-type::after {
	  position: absolute;
	  content: '';
	  background-image: url('/wp-content/uploads/2026/02/Group-76.svg');
	  background-repeat: no-repeat;
	  background-size: cover;
	  width: 396px;
  	  height: 21px;
  	  bottom: -16px;
  	  left: 31px;
}

#mt_neg {
	margin-top: -57px!important;
}

.piscine-p li {
	line-height: 19px!important;
	margin-bottom: 15px!important;
}

.blue_section > .uncol {
	margin-left: -206px;
  	margin-top: 50px;
}
.blue_section .uncell {
	border-radius: 30px!important;
}
.natation_regle {
	border: 2px dashed #00C1EE!important;
	border-radius: 10px;
	transform: rotate(-1deg);
	position: relative;
}
.patinoire_regle {
	border: 2px dashed #FF0099!important;
	border-radius: 10px;
	transform: rotate(0.5deg);
	position: relative;
}
.patinoire_regle > .row {
	transform: rotate(-0.5deg);
}
.natation_regle > .row {
	transform: rotate(1deg);
}

.natation_regle:after,
.patinoire_regle:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/swimming_10810216-2.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 69px;
	height: 69px;
	top: 25px;
	right: 38px;
}

.patinoire_regle:after {
	background-image: url('/wp-content/uploads/2025/12/Layer_1.svg');
	width: 66px;
	height: 49px;
}
.natation_regle li,
.patinoire_regle li {
	margin-bottom: 10px!important;
}

.text-small > * {
	line-height: 17px;
	font-weight: 500;
}
.blue_chevron {
	position: relative;
}
.blue_chevron:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2025/12/Group-37.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 126px;
	height: 42px;
	top: -16px;
	left: calc( 50% - 63px );
}
.station_after {
	position: relative;
}
.station_after:after {
	position: absolute;
	content: '';
	background-image: url("/wp-content/uploads/2025/12/Group-28.svg");
	background-repeat: no-repeat;
	background-size: contain;
	width: 147px;
	height: 50px;
	top: 15px;
	left: -73px;
  	z-index: 3;
}
.station_underline.horaire h2 > span:last-of-type::after {
	position: absolute;
	content: '';
	background-image: url("/wp-content/uploads/2026/02/Group-80.svg");
	background-repeat: no-repeat;
	background-size: cover;
	width: 308px;
	height: 21px;
	bottom: -16px;
	right: 230px;
	left: auto;
}
.pt_60 {
	padding-top: 60px!important;
}
.bd_uncell_10 .uncell {
	border-radius: 10px!important;
}

.horaires {
	position: relative;
}
.horaires:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/horaire.svg');
	background-repeat: no-repeat;
	background-size: cover;
	width: 2416px;
	height: 2549px;
	right: -1192px;
	top: calc( 50% - 1274px );
	pointer-events: none;
}

/* PAGE INFOS PRATIQUES */
.btn_center div.uncont {
	--gap: 5px;
    position: relative;
    display: block;
    min-height: 45px;
	padding-right: 11px!important;
}
.page-id-59 .btn-blue a,
.page-id-2467 .btn-blue a {
	margin-top: 0!important;
	position: absolute;
    left: 50%;
    transform: translateX(calc(-100% - var(--gap)/2));
}
.page-id-59 .btn-white a,
.page-id-2467 .btn-white a {
	margin-top: 0!important;
	position: absolute;
    left: 50%;
    transform: translateX(calc(var(--gap)/2));
}
.quick_access {
	display: flex!important;
	flex-wrap: wrap!important;
	gap: 15px!important;
	justify-content: center!important;
}
.quick_access a {
	text-align: center!important;
	padding: 12px 35px!important;
	color: #FFF!important;
	text-decoration: none!important;
	font-size: 16px!important;
	line-height: 19px!important;
	border: 1px solid #B0ECFF!important;
	border-radius: 50px!important;
}

.quick_access a:hover {
	color: #3f51b5 !important;
	background-color: #B0ECFF !important;
}

@media screen and (min-width: 960px){
	#time-table .nav-tabs {
		display: flex;
		gap: 18px;
		justify-content: center;
	}
}

li[data-tab-id="tab-1770135305-1-86"] a,
li[data-tab-id="tab-1782890754789-2-2"] a,
li[data-tab-id="tab-1770135305-2-77"] a,
li[data-tab-id="tab-1770135305-1-867"] a,
li[data-tab-id="tab-1770135305-1-864"] a,
li[data-tab-id="tab-1770135305-2-779"] a,
li[data-tab-id="tab-1770135305-2-773"] a {
	padding: 12px 70px!important;
	border-radius: 50px!important;
	transition: all 0.3s ease-in-out!important;
}
li[data-tab-id="tab-1770135305-1-86"] a span,
li[data-tab-id="tab-1782890754789-2-2"] a span,
li[data-tab-id="tab-1770135305-2-77"] a span,
li[data-tab-id="tab-1770135305-1-867"] a span,
li[data-tab-id="tab-1770135305-1-864"] a span,
li[data-tab-id="tab-1770135305-2-779"] a span,
li[data-tab-id="tab-1770135305-2-773"] a span {
	font-weight: 400!important;
	font-size: 16px!important;
	line-height: 19px!important;
  	letter-spacing: 0px !important;
  	text-transform: initial;
}

li[data-tab-id="tab-1770135305-1-86"] a {
	color: #1C5064!important;
	border: 1px solid #B0ECFF !important;
	margin-right: 2.5px!important;
}

li[data-tab-id="tab-1770135305-1-86"].active a {
	color: #1C5064!important;
	background-color: #B0ECFF !important;
	font-weight: 700!important;
}


li[data-tab-id="tab-1782890754789-2-2"] a,
li[data-tab-id="tab-1770135305-1-867"] a,
li[data-tab-id="tab-1770135305-1-864"] a {
	color: #00C1EE!important;
	border: 1px solid #00C1EE !important;
	margin-right: 2.5px!important;
}

li[data-tab-id="tab-1782890754789-2-2"].active a,
li[data-tab-id="tab-1770135305-1-867"].active a,
li[data-tab-id="tab-1770135305-1-864"].active a{
	color: #FFF!important;
	background-color: #00C1EE !important;
	font-weight: 700!important;
}
li[data-tab-id="tab-1770135305-1-86"].active a span,
li[data-tab-id="tab-1782890754789-2-2"].active a span,
li[data-tab-id="tab-1770135305-1-867"].active a span,
li[data-tab-id="tab-1770135305-1-864"].active a span {
	font-weight: 700!important;
}
li[data-tab-id="tab-1770135305-2-77"] a,
li[data-tab-id="tab-1770135305-2-779"] a,
li[data-tab-id="tab-1770135305-2-773"] a {
	color: #FF0099!important;
	border: 1px solid #FF0099 !important;
	margin-left: 2.5px !important;
}
li[data-tab-id="tab-1770135305-2-77"].active a,
li[data-tab-id="tab-1770135305-2-779"].active a,
li[data-tab-id="tab-1770135305-2-773"].active a {
	color: #FFF!important;
	background-color: #FF0099 !important;
	font-weight: 700!important;
}
li[data-tab-id="tab-1770135305-2-77"].active a span,
li[data-tab-id="tab-1770135305-2-779"].active a span,
li[data-tab-id="tab-1770135305-2-773"].active a span {
	font-weight: 700!important;
}

.blue_horaire {
	border-radius: 10px!important;
	padding: 35px 90px!important;
	max-width: 1000px!important;
	margin: 30px auto 0 auto!important;
	position: relative!important;
}
.blue_horaire:after {
	position: absolute!important;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/i.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 93px;
	height: 93px;
	left: -46px;
	top: calc(50% - 46px);
}

.tarif_blue_column {
	  border-radius: 10px;
	  border: 1px solid #3F51B5;
	  padding: 18px 20px;
	  position: relative;
}
.tarif_pink_column {
	  border-radius: 10px;
	  border: 1px solid #FF0099;
	  padding: 18px 20px;
	  position: relative;
}

.tarif_blue_column:after,
.tarif_pink_column:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/tarif_svg.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 62px;
	height: 38px;
	top: 11px;
	right: 42px;
	z-index: 0;
}
.tarif_blue_column p,
.tarif_pink_column p {
	position: relative;
	z-index: 2;
}

.align_left .accordeon_faq .panel-title > a > span::after {
	content: ''!important;
	background-image: url('/wp-content/uploads/2026/02/accrdeon.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 66px;
	height: 13px;
	right: 40px;
}
.accordeon_faq .panel-title.active > a span::after {
	transform: translateY(-50%) rotate(180deg)!important;
}
.accordeon_faq .panel-title a span {
	font-size: 30px!important;
	line-height: 36px!important;
	color: #1C5064 !important;
	font-weight: 500!important;
	text-transform: none!important;
	letter-spacing: 0%!important;
}
.accordeon_faq .panel-title a {
	padding: 28px 40px!important;
	box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.10) !important;
}
.accordeon_faq .panel {
	margin-bottom: 24px!important;
}
.accordeon_faq .panel-group .panel:not(.active-group) {
	box-shadow: 2px 2px 9px 0 rgba(0, 0, 0, 0.10) !important;
}

.accordeon_faq .panel-body {
	padding-left: 40px!important;
	padding-right: 40px!important;
}
.underline_h1 span {
	position: relative;
}
.underline_h1 span:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/underline_info_pratique.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 296px;
	height: 22px;
	bottom: -15px;
  	right: 0;
}
#faq li {
	margin-bottom: 7px!important;
}

/* PAGE CONTACT */

.page-id-77 #mt_neg {
	margin-top: -43px!important;
}

.underline_h1.contact span:after {
  	right: -44px;
}
.page-id-77 .max_900 {
	margin-inline: auto;
}
.formulaire .uncont {
	position: relative!important;
}
.info_form {
	position: absolute!important;
    top: 118px;
    right: -201px;
    width: 178px;
}
.reseaux_link > div > div > .uncell {
	border-radius: 10px!important;
	transform: rotate(-0.77deg)!important;
	position: relative;
}
.reseaux_link > div > div > .uncell > .uncont {
	transform: rotate(0.77deg)!important;
}

@media screen and (min-width: 570px) {
	.reseaux_link > div > div > .uncell:after {
		position: absolute;
		content: '';
		background-image: url('/wp-content/uploads/2026/02/reseaux_after.svg');
		background-repeat: no-repeat;
		background-size: contain;
		width: 444px;
		height: 216px;
		top: calc(50% - 108px);
		left: calc(50% - 222px);
		pointer-events: none;
	}
}

.facebook_link a,
.instagram_link a {
	padding: 12px 19px!important;
	font-size: 16px!important;
	line-height: 19px!important;
	font-weight: 700!important;
	display: inline-flex;
	gap: 6px;
	justify-content: center;
	align-items: center;
	color: #FFF!important;
	border-radius: 50px!important;
}
.facebook_link a {
	border: 1px solid #00C1EE;
	margin-right: 10px;
}
.instagram_link a {
	border: 1px solid #FF0099;
}

/* PAGE ACTIVITE */

.header-title h1 > span:last-of-type::after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/underline_info_pratique.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 296px;
	height: 22px;
	bottom: -15px;
  	right: 80px;
}

/* PAGE ACTIVITE PATINOIRE */
.mt-70-desktop {
	margin-top: -70px!important;
}
/* PAGE ACTIVITE PISCINE */
#marg-neg-top {
	margin-top: -54px!important;
}

.row-child:has(a.col-link:hover) .blue-hover{
  background: #B0ECFF;
}
.row-child:has(a.col-link:hover) .blue-hover .heading-text span{
  color: #1C5064;
}
.row-child:has(a.col-link:hover) .pink-hover{
  background: #FF0099;
}

.blue-hover,
.pink-hover {
  transition: all 200ms ease;
}

/* PAGE TEMPLATE ACTIVITE ADULTE */


.header_img .t-entry-visual {
	height: 307px!important;
}
.header_img .t-entry-visual img {
	height: 307px!important;
	object-fit: cover;
}
.m18-neg {
	margin-top: -18px!important;
}
.no-mt-btn a {
	margin-top: 0!important;
}
.no-mt-btn {
	position: relative;
}
.no-mt-btn:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/Group-62.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 45px;
	height: 39px;
	top: -27px;
    right: 45%;
}
.horaire-activite span.icon-media {
	width: 100%!important;
	height: auto!important;
}
#mt-10-neg {
	margin-top: -10px!important;
}
.bd_30_uncell > div > div > .uncell {
	border-radius: 30px!important;
}
.bd_30_right_uncell > div > div > .uncell {
	border-top-right-radius: 30px!important;
	border-bottom-right-radius: 30px!important;
}
.localisation_after,
.tarif_after {
	position: relative;
}
.localisation_after:after,
.tarif_after:after {
	position: absolute;
	content: '';
	background-size: contain;
	background-repeat: no-repeat;
}
.localisation_after:after {
	background-image: url('/wp-content/uploads/2026/02/Group-67.svg');
	width: 54px;
	height: 49px;
	left: 26px;
	top: 49px;
}
.tarif_after:after {
	background-image: url('/wp-content/uploads/2026/02/Group-64.svg');
	width: 45px;
	height: 40px;
	right: 136px;
	top: 78px;
}
.blob_blue {
	position: relative;
}
.blob_blue:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/blue.svg');
	background-size: contain;
	background-repeat: no-repeat;
	width: 277px;
	height: 434px;
	pointer-events: none;
	right: 0;
	top: 80px;
	filter: blur(167px);
    opacity: 40%;
    transform: rotate(15deg);
}

/* PAGE ACTIVITE PISCINE ADULTE */

.page-id-952 .underline_h1 span::after {
	display: none;
}

/* PAGE ACTIVITE PATINOIRE */

.page-id-1096 .underline_h1 span::after {
	display: none;
}
.quick_access.marine a {
	color: #3F51B5!important;
	border: 1px solid #3F51B5!important;
}

.quick_access.marine a:hover {
	background-color: #3F51B5 !important;
	color: #FFF!important;
}
.quick_access.club-list a {
	color: #3F51B5!important;
	border: 1px solid #00C1EE!important;
}
.quick_access.club-list a:last-child {
	color: #3F51B5!important;
	border: 1px solid #FF0099!important;
}
.quick_access.club-list a:hover {
	background-color: #00C1EE !important;
	color: #FFF!important;
}
.quick_access.club-list a:last-child:hover {
	background-color: #FF0099 !important;
	color: #FFF!important;
}
.mt-65-neg > div img {
	margin-top: -65px!important;
}
.mt-65-neg .icon-box-icon {
	height: 60px!important;
}

.tableur p {
	padding: 6px 8px!important;
	background-color: #FFF!important;
	border: 0.5px solid #FF0099 !important;
	border-radius: 5px!important;
	margin-bottom: 6px!important;
	font-weight: 500!important;
}
.bold-text .tableur p {
	font-weight: 700!important;
}

.max_500 {
	max-width: 500px!important;
	margin-inline: auto;
}
.mb-title .heading-text {
	margin-bottom: 6px!important;
}
.underline_vac span {
	position: relative;
}
.underline_vac span:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/Group-87.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 240px;
	height: 20px;
	bottom: -15px;
  	right: 0px;
}

#jardin .tableur p {
	max-width: 348px!important;
	border: 0.6px solid #00C1EE!important;
	padding: 7px 10px !important;
}
#cours .tableur p,
#stage .first-col .tableur p{
		padding: 16px 30px 20px 14px!important;
}

#jardin .tableur .forfait-4,
#cours .tableur .forfait-4,
#stage .tableur .forfait-4,
#anniversaire .tableur .forfait-4 {
	padding-bottom: 6px;
	border-bottom: 0.3px solid #4151B0;
	display: inline-block;
}
#jardin .tableur .forfait-2,
#cours .tableur .forfait-2,
#stage .tableur .forfait-2,
#anniversaire .tableur .forfait-2 { 
	display: inline-block;
	padding-top: 6px;
}
#jardin .scd-col .tableur p,
#cours .scd-col .tableur p {
	padding: 15px 21px!important;
	font-size: 14px!important;
	line-height: 17px!important;
}
#stage .scd-col .tableur p{
	padding: 15px 17px!important;
	font-size: 14px!important;
	line-height: 17px!important;
}
#jardin .first-col .tableur p,
#anniversaire .tableur p{
	font-size: 13px!important;
	line-height: 16px!important;
}
#jardin .mb-title,
#cours .mb-title {
	position: relative;
}
#jardin .mb-title:after,
#cours .mb-title:after {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/Group-70.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 47px;
	height: 23px;
	left: 140px;
	top: -40px;
}
#cours .mb-title:after {
	background-image: url('/wp-content/uploads/2026/02/Group-68.svg');
	width: 48px;
	height: 15px;
	top: -20px;
}
#cours .mb-title:before {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/Group-69.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 44px;
	height: 28px;
	top: 0px;
	right: -100px;
}

#jardin .rotate-1-neg {
	transform: rotate(-1deg)!important;
}
#jardin .rotate-1-neg > div > div > div > .uncont {
	transform: rotate(1deg)!important;
}
#cours .align-right .heading-text,
#stage .align-right .heading-text{
	text-align: right;
    padding-right: 20px;
}
#cours .scd-col .tableur p {
	position: relative;
}
#cours .scd-col .tableur p:after {
	position: absolute;
    content: '';
    width: 0.31px;
    height: 100%;
    background-color: #4151B0;
    right: 92px;
    top: 0;
}
.max_620 {
	max-width: 620px!important;
	margin-inline: auto;
}
#anniversaire .tableur p {
	padding: 12px 8px!important;
}
#anniversaire .align-left p {
	text-align: left;
}
#anniversaire .mb-title:before {
	position: absolute;
	content: '';
	background-image: url('/wp-content/uploads/2026/02/anniversaire.svg');
	background-repeat: no-repeat;
	background-size: contain;
	width: 34px;
	height: 38px;
	top: -18px;
	left: -40px;
}
#anniversaire .rotate-1-neg {
	transform: rotate(1deg)!important;
}
#anniversaire .rotate-1-neg > div > div > div > .uncont {
	transform: rotate(-1deg)!important;
}

#soiree .rotate-1-neg {
	transform: rotate(-1deg)!important;
}
#soiree .rotate-1-neg > div > div > div > .uncont {
	transform: rotate(1deg)!important;
}

/* PAGE ACTIVITE AQUATIQUE ENFANT */

.page-id-89 .underline_h1 span::after {
	display: none;
}
.max_572 {
	max-width: 572px!important;
	margin-inline: auto;
}
.max_720 {
	max-width: 720px!important;
	margin-inline: auto;
}
.max_750 {
	max-width: 720px!important;
	margin-inline: auto;
}
#bebe .rotate-1-neg,
#minibulles .rotate-1-neg,
#familiarisation .rotate-1-neg,
#perfect .rotate-1-neg {
	transform: rotate(-1deg)!important;
}
#bebe .rotate-1-neg > div > div > div > .uncont,
#minibulles .rotate-1-neg > div > div > div > .uncont,
#familiarisation .rotate-1-neg > div > div > div > .uncont,
#perfect .rotate-1-neg > div > div > div > .uncont {
	transform: rotate(1deg)!important;
}
#marin .rotate-1-neg,
#anniversaire-piscine .rotate-1-neg{
	transform: rotate(1deg)!important;
}
#marin .rotate-1-neg > div > div > div > .uncont,
#anniversaire-piscine .rotate-1-neg > div > div > div > .uncont{
	transform: rotate(-1deg)!important;
}

.flex-anniversaire {
	display: flex;
	justify-content: center;
	gap: 12px;
}
.flex-anniversaire .periode {
	display: flex;
	justify-content: center;
	flex-direction: column;
	background-color: #FFF;
	border: 1px solid #FF0099;
	border-radius: 10px;
	padding: 12px 14px;
	gap: 5px;
}
.flex-anniversaire .periode.first p {
	text-align: left;
}
.flex-anniversaire .periode.second p {
	font-weight: 700;
	text-align: center;
}
.flex-anniversaire .periode p {
	margin-top: 0!important;
	color: #4151B0;
}
.flex-anniversaire .periode p:first-child {
	padding-bottom: 5px;
	border-bottom: 0.5px solid #B7BFC1;
}
.page-id-89 .title_low_mobile {
	margin-top: 20px!important;
}
.page-id-89 .title_low_mobile h2 span:first-child {
	font-size: 45px!important;
	line-height: 54px!important;
}
.page-id-89 .title_low_mobile h2 span:last-child {
	font-size: 35px!important;
	line-height: 42px!important;
}

/* TEMPLATE ARTICLE */

h3.t-entry-title a {
	color: #1C5064!important;
}

/* FIXES */

.site-header svg {
	backdrop-filter: blur(2px);
	border-radius: 110px;
}

#hero-col {
	display: none;
}


/* PAGE ACTUS ET EVENT */

.page-id-312 .map_content > .row {
	padding-top: 0!important;
}


.page-id-312 .facebook_link a, 
.page-id-312 .instagram_link a {
	color: #3F51B5!important;
	font-family: Sculpin!important;
	font-size: 16px!important;
	font-weight: 700!important;
	line-height: 19px!important;
}
.page-id-312 .facebook_link a img {
	width: 27px!important;
	height: 27px!important;
}



/* TABS PLANNING */

#planning .tab-pane.active {
  border: 0.5px solid #3F51B5;
  padding-bottom: 30px!important;
  border-radius: 16px;
  margin-top: 30px;
}

.periode-scolaire,
.petite-vacance,
.grande-vacance {
  display: none;
}

.periode-scolaire {
  display: block;
}

.radio-tabs label,
.radio-tabs input,
.radio-tabs span {
  cursor: pointer !important;
}

.radio-tabs {
  display: inline-flex;
  align-items: center;
  gap: 65px;
  border: 0.5px solid #3F51B5;
  border-radius: 10px;
  padding: 16px 40px;
  background: white;
  margin-bottom: 18px;
}

.radio-tabs label {
  display: flex;
  align-items: center;
  gap: 8px;
  cursor: pointer;
  font-size: 14px;
  color: #3F51B5;
  white-space: nowrap;
  user-select: none;
	margin-bottom: 0px;
}

.radio-tabs label:has(input:checked) {
  font-weight: 700;
}

.radio-tabs input[type="radio"] {
  appearance: none;
  -webkit-appearance: none;
  width: 28px;
  height: 28px;
  border-radius: 50%;
  border: 1px solid #3F51B5;
  margin: 0;
  cursor: pointer;
  flex-shrink: 0;
  display: grid;
  place-items: center;
}

.radio-tabs input[type="radio"]::before {
  content: "";
  width: 22px;
  height: 22px;
  border-radius: 50%;
  background: #3F51B5;
  transform: scale(0);
  transition: transform 0.15s;
}

.radio-tabs input[type="radio"]:checked::before {
  transform: scale(1);
}

#planning .nav-tabs {
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 12px !important;
  max-width: 820px !important;
  width: 100% !important;
  margin-inline: auto!important;
  border-bottom: none!important;
}

#planning .nav-tabs a {
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  border-radius: 50px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 24px !important;
  border-width: 1.5px !important;
  border-style: solid !important;
  text-align: center !important;
  transition: background 0.15s, color 0.15s !important;
}

#planning .nav-tabs a span {
	font-size: 16px;
	font-weight: 400;
	line-height: 19px;
	letter-spacing: 0%;
	text-transform: none;
}
#planning .nav-tabs li.active a span {
	font-weight: 700;
}

/* Tab 1 — Espace sportif */
#planning .nav-tabs li:nth-child(1) a        { border-color: #00C1EE !important; color: #00C1EE !important; background: transparent !important; }
#planning .nav-tabs li:nth-child(1).active a { background: #00C1EE !important;   color: #fff !important; border-color: #00C1EE !important; }

/* Tab 2 — Espace ludique */
#planning .nav-tabs li:nth-child(2) a        { border-color: #00C1EE !important; color: #00C1EE !important; background: transparent !important; }
#planning .nav-tabs li:nth-child(2).active a { background: #00C1EE !important;   color: #fff !important; border-color: #00C1EE !important; }

/* Tab 3 — Patinoire */
#planning .nav-tabs li:nth-child(3) a        { border-color: #FF0099 !important; color: #FF0099 !important; background: transparent !important; }
#planning .nav-tabs li:nth-child(3).active a { background: #FF0099 !important;   color: #fff !important; border-color: #FF0099 !important; }

/* Tab 4 — Clubs */
#planning .nav-tabs li:nth-child(4) a        { border-color: #3F51B5 !important; color: #3F51B5 !important; background: transparent !important; }
#planning .nav-tabs li:nth-child(4).active a { background: #3F51B5 !important;   color: #fff !important; border-color: #3F51B5 !important; }


@media screen and (min-width: 961px) and (max-width: 1200px) {
	#planning .tab-pane.active {
		transform: scale(0.9)!important;
	}
	#planning .tab-pane.active .uncode-single-media {
		transform: scale(0.9)!important;
	}
}
@media screen and (max-width: 1200px) {
		#planning .tab-pane.active .icon-media {
			width: auto!important;
		}
}
@media screen and (max-width: 959px) {
	.radio-tabs {
	  gap: 18px;
	  flex-direction: column;
	  align-items: flex-start;
	}
	
    #planning .tab-pane.active .uncode-single-media,
  .zoomable .uncode-single-media,
  .uncode-single-media.zoomable {
    transform: scale(0.92) !important;
    position: relative !important;
    cursor: pointer !important;
  }

  #planning .tab-pane.active .uncode-single-media img,
  .zoomable .uncode-single-media img,
  .uncode-single-media.zoomable img {
    filter: blur(3px) !important;
    transform: scale(0.91);
  }

  #planning .tab-pane.active .uncode-single-media::after,
  .zoomable .uncode-single-media::after,
  .uncode-single-media.zoomable::after {
    content: "" !important;
    position: absolute !important;
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;
    width: 120px !important;
    height: 120px !important;
    background-image: url('/wp-content/uploads/2026/05/oeil.svg') !important;
    background-size: contain !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    pointer-events: none !important;
    z-index: 10 !important;
  }
}

@media screen and (max-width: 768px) {
	#planning .nav-tabs {
		grid-template-columns: repeat(2, 1fr) !important;
	}
}
@media screen and (max-width: 420px) {
	#planning .nav-tabs a span {
		font-size: 14px!important;
	}
}

.fz-15 p span,
.fz-15 p strong,
.fz-15 strong,
.fz-15 p {
	font-size: 15px!important;
}

.fz-15 p {
	margin-top: 10px!important;
}

/*--- PAGE CLUBS ---*/

/* ==========================================================================
   Fiche club — arc + picto (réutilisable)
   ========================================================================== */

.club-card {
	/* Variables : pas de !important, sinon les variantes ne peuvent plus
	   surcharger proprement (même spécificité = l'ordre décide). */
	--club-line: #4bb6e8;
	--club-bg: #fff;
	--club-picto: 160px;
	--club-arc: calc(var(--club-picto) * 1.55);
	--club-border: 1px;

	position: relative !important;
	overflow: visible !important;
}

/* L'arc */
.club-card::before {
	content: "" !important;
	position: absolute !important;
	left: calc(50% - 62px) !important;
	bottom: 99.8% !important;
	width: 160px !important;
	height: 80px !important;
	border: var(--club-border) solid var(--club-line) !important;
	border-bottom: 0 !important;
	border-radius: var(--club-arc) var(--club-arc) 0 0 !important;
	pointer-events: none !important;
	z-index: 1 !important;
}

/* Le picto */
#club-card__picto .single-wrapper {
	margin-inline: auto !important;
	margin-top: -80px !important;
}

/* Laisse l'arc dépasser des conteneurs Uncode */
.club-card,
.club-card .uncoltable,
.club-card .uncont {
	overflow: visible !important;
}

/* Variantes ---------------------------------------------------------------- */

.club-card--patinoire { --club-line: #e5308a; }
.club-card--rose      { --club-line: #ff0099; }
.club-card--marine    { --club-line: #3F51B5; }

/* Responsive -------------------------------------------------------------- */

@media (max-width: 959px) {
	.club-card {
		--club-picto: 160px;
	}
	.club-card::before {
		left: calc(50% - 80px) !important;
  		bottom: 99.9% !important;
	}
}
#max_630 {
	max-width: 630px!important;
	margin-inline: auto;
}

.tags-club {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	gap: 9px;
	flex-wrap: wrap;
}

.tags-club div {
	padding: 12px 40px;
	width: max-content;
	border: 1px solid #000;
	border-radius: 50px;
	font-size: 16px;
	font-weight: 500;
	line-height: 20px;
}

.tags-club.blue div {
	border: 1px solid #00C1EE;
	color: #00C1EE;
}
.tags-club.blue-b div {
	border: 1px solid #3F51B5;
	color: #3F51B5;
}
.tags-club.rose div {
	border: 1px solid #FF0099;
	color: #FF0099;
}

.title-club {
	margin-top: -15px!important;
  	position: relative!important;
  	z-index: 3!important;
}
.club-link {
	background-color: #00C1EE;
	padding: 12px 40px;
	border-radius: 50px;
	color: #1A4A5C;
	font-weight: bold;
	margin-right: 15px;
}
.club-link.rose {
	background-color: #FF0099;
	color: #FFF;
}
.linkWeb-club {
	color: rgba(0, 0, 0, 0.58);
	font-family: Sculpin;
	font-size: 16px;
	font-weight: 400;
	line-height: 20.2px;
}
.linkWeb-club img {
	margin-left: 10px;
}
.flex-club {
	display: flex;
	flex-direction: row;
	justify-content: flex-start;
	gap: 20px;
	align-items: center;
	flex-wrap: wrap;
}
.flex-club.center {
	justify-content: center;
}
@media screen and (max-width: 568px) {
	.flex-club {
		row-gap: 20px;
	    column-gap: 0;
	}
	.flex-club.center {
		justify-content: flex-start;
	}
}
.marine .mail-club,
.marine .tel-club,
.marine .facebook-club,
.marine .instagram-club {
	border: 1px solid #1C5064;
}

.mail-club,
.tel-club,
.facebook-club,
.instagram-club {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  padding: 15px 20px;
  border: 1px solid #00C1EE;
  color: #1C5064;
  font-weight: 700;
  border-radius: 50px;
}
@media screen and (max-width: 600px) {
	.mail-club,
	.tel-club,
	.facebook-club,
	.instagram-club,
	.tags-club {
		font-size: 13px!important;	
	}
	.mail-club img,
	.tel-club img {
		display: none!important;
	}
}

.facebook-club,
.instagram-club {
	border: 1px solid #FF0099;
}

@media screen and (max-width: 763px) {
	.club-card > div > div > .uncell {
		padding-inline: 20px!important;
	}
}

.titleclub_low_mobile h2,
.titleclub_low_mobile h3 {
	font-size: 22px!important;
	line-height: 26px!important;
}

@media screen and (min-width: 960px) {
	.bubulle {
		position: relative;
	}
	.bubulle:after {
		position: absolute;
		content: '';
		background-image: url('/wp-content/uploads/2026/08/bulle.svg');
		background-repeat: no-repeat;
		background-size: contain;
		width: 102px;
		height: 62px;
		left: 100px;
		top: -46px;
		
	}
}

.page-id-306 .underline_h1 span:first-child::after {
	display: none;
}
.page-id-306 .underline_h1 span::after {
	bottom: -25px;
  	right: calc(50% - 148px);
}


/* Events uniquement : masque le bloc média quand il n'y a pas d'image mise en avant */
.portfolio-template-default .uncode-single-media:not(:has(img)):not(:has(svg)):not(:has(video)) {
    display: none !important;
}

