/*#region Bandeaux*/

#milieu > #bandeaux {
	display:table;
	background-image:url("/images/centres/saint-pryve/spr-ban-04_slider_h300px.jpg");
}
	#milieu > #bandeaux .textes {
		display:table-cell;
		padding:0 2.5%;
		vertical-align:middle;
		text-align:center;
	}

	#milieu > #bandeaux .textes p {
		margin:0;
		padding:0;
	}

		#milieu > #bandeaux .textes p.titre {
			position:relative; top:auto; left:auto;
			margin:0;
			transform:none;
			font-family:Anton; font-size:clamp(1.25rem, 8vw, 2.25rem); font-weight:400; color:#FFFFFF;
			text-transform:uppercase;
			text-shadow:-0.0833em 0 #F05A24, 0.0833em 0 #F05A24, 0 -0.0833em #F05A24, 0 0.0833em #F05A24, -0.0833em -0.0833em #F05A24, 0.0833em -0.0833em #F05A24, -0.0833em 0.0833em #F05A24, 0.0833em 0.0833em #F05A24;
			text-align:left;
		}
		#milieu > #bandeaux .textes p.titre.site {
			margin-top:0.5em;
			font-size:clamp(2rem, 8vw, 3rem);
			text-shadow:-0.0833em 0 #1D3FA0, 0.0833em 0 #1D3FA0, 0 -0.0833em #1D3FA0, 0 0.0833em #1D3FA0, -0.0833em -0.0833em #1D3FA0, 0.0833em -0.0833em #1D3FA0, -0.0833em 0.0833em #1D3FA0, 0.0833em 0.0833em #1D3FA0;
		}
			#milieu > #bandeaux .textes p.titre > span {
				font-size:inherit; font-weight:inherit;
			}
		#milieu > #bandeaux .textes p.contenu {
			margin-top:0.75em;
			font-size:clamp(0.95rem, 8vw, 1.95rem); font-weight:400; color:#FFFFFF;
			text-align:left;
			text-shadow:3px 3px 0 rgba(0, 0, 0, 0.25);
		}
			#milieu > #bandeaux .textes p.contenu > span {
				font-size:inherit; font-weight:inherit;
			}

/* tablette */
@media (max-width:930px) {
	#milieu > #bandeaux {
		/*aspect-ratio:16/5;*/
	}
}

/* mobile */
@media (max-width:680px) {
	#milieu > #bandeaux {
		/*aspect-ratio:16/7;*/
		min-height:150px;
	}
	#milieu > #bandeaux .textes {
		padding:0 12px;
	}
}

/*#endregion Bandeaux*/



#milieu .xbloc * {
	transition:0.2s ease-out;
}

/*#region centres*/

#milieu .xbloc.centres {
	margin-left:auto; margin-right:auto;
	padding:0;
	max-width:1070px;
	border-bottom:10px solid #7489C4;
}

	#milieu .xbloc.centres .centres-tabs {
		display:flex;
		margin:0 0 -2px 8px;
		gap:4px;
	}

		#milieu .xbloc.centres .centres-tabs .tab {
			display:inline-block;
			min-width:205px;
			padding:16px 22px 14px 22px;
			border-radius:16px 16px 0 0;
			background:#F05A24;
			font-size:1.5625rem; font-weight:700; color:#fff; line-height:1;
			text-shadow:2px 2px 0 rgba(0, 0, 0, 0.18);
			text-align:center;
		}
		#milieu .xbloc.centres .centres-tabs .tab.sel {
			background:#1D3FA0;
		}

	#milieu .xbloc.centres .centres-card {
		display:grid;
		padding:28px 24px 28px 24px;
		border-radius:16px 16px 0 0;
		grid-template-columns:1.10fr 1.00fr;
		gap:24px;
		background:#1D3FA0;
	}

	#milieu .xbloc.centres .infos {
		margin:0px 0 0 0;
		color:#fff;
		text-align:left;
	}

		#milieu .xbloc.centres .infos .ligne {
			margin:0;
			font-size:1.5625rem; font-weight:500; line-height:1.25;
		}

		#milieu .xbloc.centres .infos .ligne.orange {
			font-weight:700; color:#F3A23C;
			background-image:linear-gradient(to right, #E85A2C, #F3A23C); background-clip:text;
			-webkit-text-fill-color:transparent; -webkit-background-clip:text;
		}
		#milieu .xbloc.centres .infos .ligne.bleu {
			font-weight:700; color:#1D3FA0;
			background-image:linear-gradient(to right, #1D3FA0, #7489C4); background-clip:text;
			-webkit-text-fill-color:transparent; -webkit-background-clip:text;
		}
		#milieu .xbloc.centres .infos .ligne.tel {
			font-weight:700;
		}
		#milieu .xbloc.centres .infos .ligne.ttl {
			font-size:1.5rem; font-weight:600;
		}
			#milieu .xbloc.centres .infos .ligne.ttl > span {
				font-weight:400;
				text-transform:none; white-space:nowrap;
			}
		#milieu .xbloc.centres .infos .ligne.txt {
			font-size:1.375rem; font-weight:400;
		}

		#milieu .xbloc.centres .infos .ligne.g1             { margin-top:5px; }
		#milieu .xbloc.centres .infos .ligne.g1 + .ligne.g1 { margin-top:0; }
		#milieu .xbloc.centres .infos .ligne.g2             { margin-top:20px; }
		#milieu .xbloc.centres .infos .ligne.g2 + .ligne.g2 { margin-top:0; }
		#milieu .xbloc.centres .infos .ligne.g3             { margin-top:20px; }
		#milieu .xbloc.centres .infos .ligne.g3 + .ligne.g3 { margin-top:0; }
		#milieu .xbloc.centres .infos .ligne.g4             { margin-top:10px; }
		#milieu .xbloc.centres .infos .ligne.g4 + .ligne.g4 { margin-top:0; }
		#milieu .xbloc.centres .infos .ligne.g5             { margin-top:20px; }
		#milieu .xbloc.centres .infos .ligne.g5 + .ligne.g5 { margin-top:0; }
		#milieu .xbloc.centres .infos .ligne.g6             { margin-top:25px;    display:flex; flex-wrap:wrap; gap:1em 2em; align-items:flex-start; }
		#milieu .xbloc.centres .infos .ligne.g6 + .ligne.g6 { margin-top:0; }

		#milieu .xbloc.centres .cta { /* JE RESERVE */
			position:relative;
			display:inline-block; flex:0 0 auto;
			margin:0; padding:8px 20px;
			border-radius:24px;
			background-color:#E85A2C;
			font-size:1.25rem; font-weight:400; color:#fff;
			text-transform:uppercase;
			transition:all 0.25s ease-out;
		}
		#milieu .xbloc.centres .cta:hover { /* JE RESERVE */
			color:#1D3FA0;
		}

		#milieu .xbloc.centres .cta:first-child { /*margin-right:30px;*/ }


	#milieu .xbloc.centres .visuel {
		display:flex; /*min-height:450px;*/
		flex-direction:column;
		align-items:center; justify-content:flex-start;
	}

		#milieu .xbloc.centres .visuel .photo {
			width:100%; max-width:480px; min-height:100%;
			background:url("/images/centres/saint-pryve/spr-reserver.png") no-repeat center center;
			background-size:cover;
			/*aspect-ratio:382/450;*/
		}

		#milieu .xbloc.centres .visuel .dots {
			display:flex;
			margin-top:28px;
			gap:12px;
		}

			#milieu .xbloc.centres .visuel .dots span {
				width:16px; height:16px;
				border-radius:50%;
				background:#F3F0E8;
			}


/* tablette */
@media (max-width:1000px) {
	#milieu .xbloc.centres .centres-card {
		grid-template-columns:472px 1fr;
		gap:18px;
	}

	#milieu .xbloc.centres .infos .ligne {
	}

	#milieu .xbloc.centres .infos .ligne.ttl {
	}

	#milieu .xbloc.centres .infos .ligne.txt {
	}

	#milieu .xbloc.centres .infos .ligne.g1 + .g1{
		white-space:nowrap;
	}
}

/* intermediaire */
@media (max-width:860px) {
	#milieu .xbloc.centres .centres-card {
		grid-template-columns:1fr;
	}

	#milieu .xbloc.centres .infos {
		margin-left:auto; margin-right:auto;
		width:100%; max-width:520px;
	}

	#milieu .xbloc.centres .visuel {
		display:block;
		margin-top:12px;
		min-height:0;
	}

	#milieu .xbloc.centres .visuel .photo {
		display:block;
		width:100%; max-width:520px;
		height:225px; /* fallback sûr */
		min-height:225px; /* évite la disparition */
		margin:0 auto;
		background-size:cover;
	}
}

/* Mobile */
@media (max-width:680px) {
	#milieu .xbloc.centres .centres-tabs .tab {
		padding:10px 8px;
	}

	#milieu .xbloc.centres .infos .ligne.g1 + .g1 {
		white-space:normal;
	}
	#milieu .xbloc.centres .infos .ligne.g6 .cta {
		flex:1 1 100%; margin:auto; width:100%; max-width:360px; text-align:center;
	}
}

/* Mobile */
@media (max-width:450px) {
	#milieu .xbloc.centres .centres-tabs {
		margin:0 0 -2px 0;
	}

	#milieu .xbloc.centres .centres-tabs .tab {
		flex:1 1 0;
		padding:10px 6px 9px;
		min-width:0;
		font-size:1.5rem; letter-spacing:0;
		white-space:nowrap;
		overflow:hidden; text-overflow:ellipsis;
	}

	#milieu .xbloc.centres .centres-card {
		border-radius:0;
	}

	#milieu .xbloc.centres .visuel {
		display: none;
	}
}

/*#endregion centres*/

/*#region coachs*/

#milieu .xbloc.coachs {
}

/*#endregion coachs*/

/*#region academie*/

#milieu .xbloc.academie {
	margin:0 auto 80px auto;
	padding:0;
	max-width:1070px;
	border-top:10px solid #9CB0D7;
}

	#milieu .xbloc.academie .academie-card {
		padding:40px 50px;
		background-color:#2A49A9;
		border-radius:0 0 18px 18px;
	}

		#milieu .xbloc.academie .academie-card h3 {
			margin:0 0 20px 0;
			font-size:2.625rem; font-weight:700; line-height:1.1; color:#FFFFFF;
			text-shadow:3px 3px 0 rgba(0,0,0,.32);
		}

		#milieu .xbloc.academie .academie-card .lead {
			margin:20px 0;
			font-size:1.4375rem; font-weight:400; line-height:1.4; color:#9FC0E1;
		}

		#milieu .xbloc.academie .academie-card .cta {
			margin:40px 0 0 0;
			font-size:1.5625rem; font-weight:700; line-height:1.4; color:#FF6F3A;
		}

			#milieu .xbloc.academie .academie-card .cta a {
				color:inherit;
				text-decoration:underline;
			}

/* tablette */
@media (max-width:930px) {
	#milieu .xbloc.academie .academie-card {
	}

		#milieu .xbloc.academie .academie-card h3 {
		}

		#milieu .xbloc.academie .academie-card .lead {
		}

		#milieu .xbloc.academie .academie-card .cta {
		}
}

/* mobile */
@media (max-width:680px) {
	#milieu .xbloc.academie {
	}

		#milieu .xbloc.academie .academie-card {
		}

			#milieu .xbloc.academie .academie-card h3 {
			}

			#milieu .xbloc.academie .academie-card .lead {
			}

			#milieu .xbloc.academie .academie-card .cta {
			}
}

/*#endregion academie*/

/*#region experience1*/

#milieu .xbloc.experience1 {
	padding:0;
	text-align:center;
	background:transparent;
}

	#milieu .xbloc.experience1 > h3 {
		margin:0 0 30px 0;
		font-size:2.625rem; font-weight:700; line-height:1.1; color:#1D3FA0;
		text-transform:uppercase;
	}

	#milieu .xbloc.experience1 .exp-grid {
		display:grid;
		grid-template-columns:repeat(5, minmax(0, 1fr));
		gap:22px;
		align-items:start;
	}

		#milieu .xbloc.experience1 .exp-grid .item {
			text-align:center;
		}

			#milieu .xbloc.experience1 .exp-grid .item .ico {
				display:block;
				margin:0 auto 15px auto;
				width:120px; height:88px;
				background:no-repeat center center;
				background-size:250px 250px;
			}

		#milieu .xbloc.experience1 .exp-grid .item.i1 .ico { background-size:193px 193px; background-image:url("/images/centres/ctr-exp-4-padel-court.svg"); }
		#milieu .xbloc.experience1 .exp-grid .item.i2 .ico { background-size:206px 206px; background-image:url("/images/centres/ctr-exp-badminton-pickleball.svg"); }
		#milieu .xbloc.experience1 .exp-grid .item.i3 .ico { background-size:164px 164px; background-image:url("/images/centres/ctr-exp-location-materiel.svg"); }
		#milieu .xbloc.experience1 .exp-grid .item.i4 .ico { background-size:144px 144px; background-image:url("/images/centres/ctr-exp-vestiaires-sanitaires.svg"); }
		#milieu .xbloc.experience1 .exp-grid .item.i5 .ico { background-size:194px 194px; background-image:url("/images/centres/ctr-exp-restauration.svg"); }

			#milieu .xbloc.experience1 .exp-grid .item .lbl {
				display:block;
				font-family:Anton, sans-serif; font-size:1.4375rem; font-weight:400; line-height:1.1; color:#1D3FA0;
				text-transform:uppercase;
			}

/* tablette */
@media (max-width:1100px) {
	#milieu .xbloc.experience1 > h3 {
	}

	#milieu .xbloc.experience1 .exp-grid {
		grid-template-columns:repeat(3, minmax(0, 1fr));
		gap:26px 18px;
	}
}

/* mobile */
@media (max-width:760px) {
	#milieu .xbloc.experience1 {
	}

	#milieu .xbloc.experience1 > h3 {
	}

	#milieu .xbloc.experience1 .exp-grid {
		grid-template-columns:repeat(2, minmax(0, 1fr));
		gap:24px 14px;
	}

	#milieu .xbloc.experience1 .exp-grid .item .ico {
	}

	#milieu .xbloc.experience1 .exp-grid .item .lbl {
	}
}

@media (max-width:460px) {
	#milieu .xbloc.experience1 .exp-grid {
		grid-template-columns:1fr;
	}
}

/*#endregion experience1*/

/*#region tarifs*/

#milieu .xbloc.tarifs {
	padding:0;
}

	#milieu .xbloc.tarifs > .aom-tarifs {
		margin-top:0;
	}

/*#endregion tarifs*/

/*#region marques*/

#milieu .xbloc.marques {
	padding:0;
}

	#milieu .xbloc.marques .marques-track {
		display:flex;
		align-items:center; justify-content:space-between;
		gap:28px;
		padding:12px 34px;
		min-height:165px;
	}

		#milieu .xbloc.marques .marques-track .marque {
			display:block;
			flex:0 0 auto;
			background:no-repeat center center;
			background-size:contain;
			width:120px; height:120px;
		}

		#milieu .xbloc.marques .marques-track .m1 { background-image:url("/images/centres/marque-bullpadel.png"); }
		#milieu .xbloc.marques .marques-track .m2 { background-image:url("/images/centres/marque-siux.png"); }
		#milieu .xbloc.marques .marques-track .m3 { background-image:url("/images/centres/marque-adidas.png"); }
		#milieu .xbloc.marques .marques-track .m4 { background-image:url("/images/centres/marque-tretorn.png"); }
		#milieu .xbloc.marques .marques-track .m5 { background-image:url("/images/centres/marque-vairo.png"); }
		#milieu .xbloc.marques .marques-track .m6 { background-image:url("/images/centres/marque-head.png"); }
		#milieu .xbloc.marques .marques-track .m7 { background-image:url("/images/centres/marque-nox.png"); }

/* tablette */
@media (max-width:1100px) {
	#milieu .xbloc.marques .marques-track {
		flex-wrap:wrap;
		justify-content:center;
		gap:26px;
		padding:18px 16px;
		min-height:0;
	}
}

/* mobile */
@media (max-width:680px) {
	#milieu .xbloc.marques .marques-track {
		gap:24px;
	}
}

/*#endregion marques*/


/*#region abonnements*/

#milieu .xbloc.abonnements {
	position:relative; z-index:0;
	padding:0;
	max-width:1070px;
	border-radius:35px;
	background-color:#1D3FA0;
}

	#milieu .xbloc.abonnements .abonnements-wrap {
		/*padding:25px 30px;*/
		padding:2.475247524752475% 2.325581395348837%;
		text-align:center;
	}

		#milieu .xbloc.abonnements h3 {
			margin:0 0 6px 0;
			font-size:2.9375rem; font-weight:700; line-height:1.1; color:white;
		}

		#milieu .xbloc.abonnements .intro {
			margin:6px auto 0 auto ;
			max-width:900px;
			font-size:1.5625rem; font-weight:500; line-height:1.3; color:white;
		}

		#milieu .xbloc.abonnements .cards {
			margin-top:22px;
			display:grid;
			grid-template-columns:repeat(3, minmax(0, 1fr));
			gap:22px;
		}

			#milieu .xbloc.abonnements .card {
				padding:15px 25px;
				min-height:10px;
				border:1px solid #E4DED3; border-radius:16px;
				background-color:#F5F0E6;
				display:flex;
				text-align:center;
				align-items:center; /* centrage vertical */
				justify-content:center; /* centrage horizontal */
			}

				#milieu .xbloc.abonnements .card h4 {
					margin:0 0 4px 0;
					font-size:2.125rem; font-weight:700; line-height:1.2; color:#1D3FA0;
				}

				#milieu .xbloc.abonnements .card p {
					margin:0;
					font-size:1.375rem; font-weight:500; line-height:1.35; color:#1D3FA0;
				}
					#milieu .xbloc.abonnements .card p a {
						color:#E85A2C;
					}
					#milieu .xbloc.abonnements .card p a:hover {
						color:#1D3FA0;
					}

/* tablette */
@media (max-width:1000px) {
	#milieu .xbloc.abonnements {
		border-radius:24px;
	}
		#milieu .xbloc.abonnements .cards {
			grid-template-columns:1fr;
		}
}

/* mobile */
@media (max-width:680px) {
	#milieu .xbloc.abonnements .abonnements-wrap {
	}
		#milieu .xbloc.abonnements .card {
			padding-left:10px; padding-right:10px; 
		}
}

/* cohérence mobile avec tarifs en dessous de 560 */
@media (max-width:560px) {
	#milieu .xbloc.abonnements {
		border-radius:16px;
	}
		#milieu .xbloc.abonnements .card {
			border-radius:12px;
		}
}

/*#endregion abonnements*/