﻿
/*#region CONTENT HOMEPAGE*/
		#content .limites a {
			text-decoration: none;
		}
/*#endregion*/

/*#region HEADER ACCUEIL*/    

	#content .largeheader { background:white url(/images/homePage/home-fond-header.png) no-repeat; min-height:1053px; }

		#content .limites .headerAccueil { display:table; }

			#content .limites .headerAccueil *,
			#content .limites .headerAccueil *::before,
			#content .limites .headerAccueil *::after { transition:all 0.25s; }

			#content .limites .headerAccueil > div { display:table-cell; vertical-align:top; width: 50%; }

			#content .limites .headerAccueil .gauche { color:white; }

				#content .limites .headerAccueil .gauche .accueilLogoLetPadel {
					padding: 40px 0 40px 10px;
				}

					#content .limites .headerAccueil .gauche .letsPlayPadel {
						margin:  0; padding: 0;
						font-size:3.75rem; font-weight:300;
					}

					#content .limites .headerAccueil .gauche .au { font-size:5.9375rem; font-weight:300; color:#e94f2d; letter-spacing:-2px; }
					#content .limites .headerAccueil .gauche .letPadel { font-size:5.9375rem; font-weight:400; letter-spacing:-3px; }
					#content .limites .headerAccueil .gauche .texte { 
						position:relative; 
						font-size:1.5rem; font-weight:400; line-height: 35px; 
						padding-bottom:85px;
					}

					/*les cercles sous le texte*/
					#content .limites .headerAccueil .gauche .texte::before,
					#content .limites .headerAccueil .gauche .texte::after {
						position:absolute; content:"";
						width:60px; height:60px; 
						border-radius:50%; 
						left:0px; bottom:0px;
					}
					#content .limites .headerAccueil .gauche .texte::before { background-color:#e94f2d; }
					#content .limites .headerAccueil .gauche .texte::after  { background-color:#5c84ff; left:70px; }


			#content .limites .headerAccueil .droite {  }

				#content .limites .headerAccueil .droite .sliderImages {
					position:relative;
					background-color:#eef2fc;
					padding:50px;
					width:558px; height:558px;
					border-radius:50%;
					margin-top:219px; margin-left:22px;
				}
					#content .limites .headerAccueil .droite .sliderImages img {
						position:absolute;
						border-radius:50%;
						width:458px; height:458px;
					}

				/*les cercles autour du slider*/
				#content .limites .headerAccueil .droite .sliderImages::before,
				#content .limites .headerAccueil .droite .sliderImages::after { position:absolute; content:""; border-radius:50%; }
				#content .limites .headerAccueil .droite .sliderImages::before { background-color:#e94f2d; width:080px; height:080px; left:22px; bottom:49px; }
				#content .limites .headerAccueil .droite .sliderImages::after  { background-color:#5c84ff; width:134px; height:134px; left:385px; top:-52px; }

				#content .limites .jereserve { position:relative; }

				#content .limites .btnjereserve1heure { right:70px; bottom:-100px; }

	/*#endregion*/

/*#region LE CLUB*/

		#content .limites .leClub {
			margin-top:60px;
		}

			#content .limites .leClub *,
			#content .limites .leClub *::before,
			#content .limites .leClub *::after { transition:all 0.25s; }

			#content .limites .leClub .ligne { display:table; max-width:1030px; margin:0px auto; }
				#content .limites .leClub .ligne > div { display:table-cell; vertical-align:top; }

				#content .limites .leClub .ligne .texte {
					position:relative;
					padding:70px 0px 90px 40px;
				}
					#content .limites .leClub .ligne .texte h1 {
						margin: 0;
					}
					#content .limites .leClub .ligne .texte h2 {
						margin: 0 0 40px 0;
					}

				#content .limites .leClub .ligne .texte::after {
					position:absolute;
					content:url(/images/homePage/home-club-picto.png);
					left:calc(50% - 37px); bottom:0px;
				}
					

				#content .limites .leClub .liste { 
					display:table;
					max-width:920px;
					margin:40px auto 0px; padding:0px;
					list-style-type:circle;
				}
					#content .limites .leClub .liste li,
					#content .limites .leClub .clubhouse { 
						position:relative; display:table-cell;
						font-size:2.8125rem; font-weight:500; color:#2041a6;
						padding:0px 50px;
					}
					#content .limites .leClub .liste li:last-child { padding-right:0px; }

					#content .limites .leClub .liste li::before { 
						position:absolute; display:block; content:"";
						width:3px; height:100%;
						background-color:#e94f2d;
						top:0px; left:0px;
					}

					#content .limites .leClub .clubhouse { 
						display:block; 
						text-align:center;
						padding:30px 0px 40px;
					}

					#content .limites .leClub .clubhouse::before,
					#content .limites .leClub .clubhouse::after { font-weight:500; font-size:3.1250rem; color:#e94f2d; }
					#content .limites .leClub .clubhouse::before { content:"<     "; }
					#content .limites .leClub .clubhouse::after { content:"     >"; }

/*#endregion*/

/*#region NOS OFFRES*/

			#content .limites .nosOffres {
				text-align: center;
				padding: 0 20px;
				margin-bottom: 90px;
			}
				#content .limites .nosOffres *,
				#content .limites .nosOffres *::before,
				#content .limites .nosOffres *::after { transition:all 0.25s; }

				#content .limites .nosOffres .ligne1NosOffres {
					padding: 0px 0 50px 0;
				}

				#content .limites .nosOffres .ligne2NosOffres { display:table; }
					
					#content .limites .nosOffres .ligne2NosOffres > div { display:table-cell; }

					#content .limites .nosOffres .ligne2NosOffres > div:empty { width:6.5%; }

					#content .limites .nosOffres .ligne2NosOffres .card {
						position:relative;
						border:solid #e94f2d 1px;
						border-radius:10px;
						width:29%; height:400px;
						background-color:#ffffff;
						box-shadow:1px 1px 20px #b2b2b2;
						padding:80px 10px 20px;
					}

					#content .limites .nosOffres .ligne2NosOffres .card::before {
						position:absolute; display:block; content:"";
						width:140px; height:140px;
						border-radius:50%;
						box-shadow:1px 1px 12px #54304d;
						background-color:#e94f2d; background-repeat:no-repeat; background-position:center center;
						top:-70px; left:calc(50% - 70px);
					}
					#content .limites .nosOffres .ligne2NosOffres .card1::before { background-image:url("/images/homePage/home-offres-picto1.png"); }
					#content .limites .nosOffres .ligne2NosOffres .card2::before { background-image:url("/images/homePage/home-offres-picto2.png"); }
					#content .limites .nosOffres .ligne2NosOffres .card3::before { background-image:url("/images/homePage/home-offres-picto3.png"); }

					#content .limites .nosOffres .ligne2NosOffres .card .titre { font-size:3.125rem; font-weight:500; color:#2041a6; }
					#content .limites .nosOffres .ligne2NosOffres .card .texte { font-size:1.875rem; font-weight:400; color:#2041a6; padding-top:30px; }

					#content .limites .nosOffres .ligne2NosOffres .card a { 
						position:absolute; display:block;
						bottom:30px; left:0px;
						width:100%;
						font-size:3.125rem; font-weight:700; font-family:Caveat; color:#e94f2d; text-decoration:none; 
						text-align:center;
					}
					#content .limites .nosOffres .ligne2NosOffres .card a:hover { color: #2041a6; }

/*#endregion*/

/*#region ACTUALITÉS*/

		#content .largeactualalites { background-color:#e0e7fb; padding:50px 0px 70px; }

				#content .limites .actualités .actus .lblGetActu > div { display: inline-block; vertical-align: top; text-align:left; }
				#content .limites .actualités *,
				#content .limites .actualités *::before,
				#content .limites .actualités *::after { transition:all 0.25s; }

				#content .limites .actualités h1 { display:block; text-align:center; margin:0px auto 20px; }

				#content .limites .actualités .actus { margin:0px auto; text-align:center;}

					#content .limites .actualités .actus > div { display:table-cell; width:70px; }

					#content .limites .actualités .actus .actu {
						position: relative;
						width: 311px;
						height: 448px;
						border-radius: 0px 0px 19px 19px;
						background-color: #ffffff;
						padding: 20px;
						margin: 20px;
						overflow: hidden;
						text-overflow: ellipsis;
					}

						#content .limites .actualités .actus .photo {
							width:311px; height:188px;
							margin:-20px -20px 20px;
						}

						#content .limites .actualités .actus .actu .date {
							position:relative;
							padding:3px 0px 10px 35px;
							font-size:1.125rem; font-weight:400; color:#2041a6;
						}
							#content .limites .actualités .actus .actu .date::before {
								position:absolute; content:url(/images/homePage/home-picto-actu.png);
								left:0px; top:0px;
							}

						#content .limites .actualités .actus .actu .titre {
							font-size:1.875rem; font-weight:400; color:#2041a6;
							border-top:solid 2px #e94f2d;
							padding:12px 0px 15px;
							height: 90px;
							overflow: hidden;
							text-overflow: ellipsis;
						}

						#content .limites .actualités .actus .actu .resume {
							font-size:1.125rem; 
							font-weight:400; 
							color:#000000;
							overflow:hidden;
							text-overflow: ellipsis;
							height:65px;
						}

						#content .limites .actualités .actus .actu .fleche {
							position:absolute; display:inline-block;
							background:url(/images/homePage/home-actus-picto1.png) no-repeat;
							width:34px; height:34px;
							right:20px; bottom:20px;
						}
						#content .limites .actualités .actus .actu .fleche:hover {
							background-image:url(/images/homePage/home-actus-picto2.png);
						}

/*#endregion*/

/*#region NOTRE HISTOIRE*/

			#content .limites .notreHistoire {
				text-align: center;
				margin:80px auto 90px;
			}
				#content .limites .notreHistoire *,
				#content .limites .notreHistoire *::before,
				#content .limites .notreHistoire *::after { transition:all 0.25s; }

			#content .limites .notreHistoire .blocs { display:table; margin:0px auto; }

				#content .limites .notreHistoire .blocs > div { display:table-cell; width:5%; }

				#content .limites .notreHistoire .blocs .bloc {
					width:30%;
					text-align:center;
				}

					#content .limites .notreHistoire .blocs .bloc .date {
						position:relative;
						padding:0px 0px 30px 0px;
						font-size:6.25rem; font-weight:700; color:#90a5e1; line-height:100%;
					}

					#content .limites .notreHistoire .blocs .bloc .date::after {
						position:absolute; display:block; content:"";
						background-color:#2041a6;
						width:50px; height:4px;
						left:calc(50% - 25px); bottom:0px;
					}

					#content .limites .notreHistoire .blocs .bloc .description {
						position:relative; display:block;
						font-size:1.875rem; font-weight:500; color:#2041a6;
						padding:55px 0px 45px;
					}

					#content .limites .notreHistoire .blocs .bloc .description::after {
						position:absolute; content:"";
						width:20px; height:20px;
						border-radius:50%;
						background-color:#e94f2d;
						left:calc(50% - 10px); bottom:0px;
					}

			#content .limites .notreHistoire .lien { padding:60px 0px 0px; }

				#content .limites .notreHistoire .lien a { font-size:1.25rem; }

/*#endregion*/

/*#region NOS PARTENAIRES */

	#content .limites .nosPartenaires {
		text-align: center;
	}
		#content .limites .nosPartenaires *,
		#content .limites .nosPartenaires *::before,
		#content .limites .nosPartenaires *::after { transition:all 0.25s; }

/*#endregion*/

/*#region poptournoi */

	#poptournoi.popup {
		padding:0;
		min-width:320px; width:100%; max-width:603px; max-height:753px;
		border:0px none transparent;
		overflow:hidden;
		transition:0.2s ease-out;
	}
	#poptournoi.popup.p202211 {
		max-width:869px; max-height:721px;
	}
		#poptournoi.popup .popup-contenu {
		}
			#poptournoi.popup .popup-contenu img {
				width:100%; max-height:753px;
			}
			#poptournoi.popup.p202211 .popup-contenu img {
				max-height:721px;
			}
		#poptournoi.popup .popup-ferme {background:white; border-radius:50%; width:1.2em; height:1.2em; line-height:1.2em; color:#2041a6; text-align:center;}

@media all and (max-height:721px) {
		#poptournoi.popup.p202211 {
			max-height:100%; max-width:620px;
			overflow:auto;
		}
}

@media all and (max-height:753px) {
		#poptournoi.popup.p202206 {
			max-height:100%; max-width:420px;
			overflow:auto;
		}
}

/*#endregion*/



/*#region RESPONSIVE*/

@media all and (max-width:1060px) {

	/*#region HEADER ACCUEIL*/

		#content .limites .headerAccueil { display:block; max-width:650px; margin:0px auto; }

			#content .limites .headerAccueil > div { display:block; width:100%; }

					#content .limites .headerAccueil .gauche .texte { font-size:2rem; line-height:110%; }

				#content .limites .headerAccueil .droite .sliderImages {
					width:450px; height:450px;
					margin:0px auto 0px;
				}
					#content .limites .headerAccueil .droite .sliderImages img { width:350px; height:350px; }

				#content .limites .headerAccueil .droite .sliderImages::after { content:none; }
				#content .limites .headerAccueil .droite .sliderImages::before { width:60px; height:60px; left:70px; bottom:70px; z-index:10; }

				#content .limites .btnjereserve1heure { right:-70px; bottom:auto; top:-50px; }

	/*#endregion HEADER ACCUEIL*/

	/*#region LE CLUB*/

		#content .limites .leClub { max-width:90%; margin:100px auto 60px; }

			#content .limites .leClub .ligne { display:block; }
				#content .limites .leClub .ligne > div { display:block; }

				#content .limites .leClub .ligne .img { text-align:center; }
					#content .limites .leClub .ligne .img img { width:100%; max-width:591px; }


				#content .limites .leClub .ligne .texte { padding:40px 0px 10px; }

				#content .limites .leClub .ligne .texte::after { content:none; }
					
				#content .limites .leClub .liste::after {
					position:absolute;
					content:url(/images/homePage/home-club-picto.png);
					left:-160px; top:0px;
				}

				#content .limites .leClub .liste { 
					position:relative; display:block;
					margin:0px 0px 0px 160px; padding:0px 0px 0px 20px;
				}
					
					#content .limites .leClub .liste li,
					#content .limites .leClub .clubhouse { 
						position:relative; display:block;
						font-size:2.25rem;
						padding:0px 0px 0px 30px;
					}
					#content .limites .leClub .liste li::before,
					#content .limites .leClub .clubhouse::before { 
						position:absolute; content:"•";
						top:-4px; left:0px;
						font-size:3rem; font-weight:600; color:#2041a6;
						width:auto; height:auto;
						background-color:transparent;
					}

					#content .limites .leClub .liste::before { 
						position:absolute; display:block; content:"";
						width:3px; height:30px;
						background-color:#e94f2d;
						top:10px; left:0px;
					}

					#content .limites .leClub .clubhouse { 
						display:block; 
						text-align:left;
						margin:0px 0px 0px 180px; padding:0px 0px 0px 30px;
					}

					#content .limites .leClub .clubhouse::after { content:none; }

	/*#endregion LE CLUB*/

	/*#region ACTUALITÉS*/

				#content .limites .actualités .actus { display:block; }

					#content .limites .actualités .actus > div { display:block; width:100%; height:30px; }

					#content .limites .actualités .actus .actu {
						position:relative;
						width:calc(100% - 40px); height:auto;
						border-radius:0px 20px 20px 0px;
						padding-left:330px;
					}

						#content .limites .actualités .actus .photo {
							margin:0px;
							position:absolute;
							top:0px; left:0px;
						}

						#content .limites .actualités .actus .actu .resume {
							padding:0px 0px 40px;
						}

	/*#endregion ACTUALITÉS*/

}

@media all and (max-width:990px) {

/*#region NOS OFFRES*/

			#content .limites .nosOffres { padding:0px 0px; }

				#content .limites .nosOffres .ligne1NosOffres { padding-bottom:20px; }

				#content .limites .nosOffres .ligne2NosOffres { display:block; }
					
					#content .limites .nosOffres .ligne2NosOffres > div { display:block; }

					#content .limites .nosOffres .ligne2NosOffres > div:empty { width:auto; height:40px; }

					#content .limites .nosOffres .ligne2NosOffres .card {
						width:calc(100% - 80px); height:auto;
						margin:0px 0px 0px 80px; padding:20px 10px 75px 110px;
						min-height:150px;
						text-align:left;
					}

					#content .limites .nosOffres .ligne2NosOffres .card::before { top:-20px; left:-70px; }

					#content .limites .nosOffres .ligne2NosOffres .card .texte { padding-top:10px; }

					#content .limites .nosOffres .ligne2NosOffres .card a { 
						position:absolute; display:inline-block;
						bottom:10px; left:auto; right:30px;
						width:auto;
						font-size:3.125rem; font-weight:700; font-family:Caveat; color:#e94f2d; text-decoration:none; 
						text-align:center;
					}
					#content .limites .nosOffres .ligne2NosOffres .card a:hover { color: #2041a6; }

/*#endregion*/

}

@media all and (max-width:760px) {

	/*#region NOS OFFRES*/

					#content .limites .nosOffres .ligne2NosOffres > div:empty { height:60px; }

					#content .limites .nosOffres .ligne2NosOffres .card {
						width:100%;
						margin:0px 0px 0px 0px; padding:20px 10px 75px 60px;
					}

					#content .limites .nosOffres .ligne2NosOffres .card::before { 
						top:-40px; left:-25px; 
						width:80px; height:80px;
						background-size:52%;
					}

					#content .limites .nosOffres .ligne2NosOffres .card .titre { font-size:2.75rem; }
					#content .limites .nosOffres .ligne2NosOffres .card .texte { font-size:1.875rem; }
					#content .limites .nosOffres .ligne2NosOffres .card a { font-size:3.125rem; }

	/*#endregion*/

	/*#region NOTRE HISTOIRE*/

			#content .limites .notreHistoire {
				text-align: center;
				margin:80px auto 90px;
			}

			#content .limites .notreHistoire .blocs { display:block; margin:0px auto; }

				#content .limites .notreHistoire .blocs > div { display:block; width:auto; }

				#content .limites .notreHistoire .blocs > div:empty { height:40px; }

				#content .limites .notreHistoire .blocs .bloc {
					display:table;
					width:100%;
					text-align:left;
				}

					#content .limites .notreHistoire .blocs .bloc .date {
						display:table-cell;
						padding:0px 30px 0px 0px;
						width:260px;
					}

					#content .limites .notreHistoire .blocs .bloc .date::after {
						width:4px; height:100%;
						left:auto; bottom:auto; top:0px; right:0px;
					}

					#content .limites .notreHistoire .blocs .bloc .description {
						display:table-cell;
						padding:10px 0px 10px 20px;
						vertical-align:middle;
					}

					#content .limites .notreHistoire .blocs .bloc .description::after { content:none; }


	/*#endregion*/

}

@media all and (max-width:720px) {

	/*#region LE CLUB*/

		#content .limites .leClub { max-width:100%; }

				#content .limites .leClub .liste::after {content:none; }

				#content .limites .leClub .liste { 
					margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;
				}
					
					#content .limites .leClub .liste::before { content:none; }

					#content .limites .leClub .clubhouse { 
						margin:0px 0px 0px 0px; padding:0px 0px 0px 30px;
					}

	/*#endregion LE CLUB*/

}

@media all and (max-width:680px) {

	#content .largeheader { background-size:cover; }

				#content .limites .headerAccueil .droite .sliderImages::before { content:none; }

				#content .limites .btnjereserve1heure { 
					right:auto; left:50%; bottom:-40px; top:auto; 
					transform:translateX(-50%); -ms-transform:translateX(-50%); -webkit-transform:translateX(-50%); 
				}

	/*#region ACTUALITÉS*/

					#content .limites .actualités .actus .actu { padding-left:220px; }

						#content .limites .actualités .actus .photo { width:200px; height:121px; }

						#content .limites .actualités .actus .actu .resume {
							padding:20px 0px 40px;
							width:calc(100% + 200px);
							margin-left:-200px;
						}

	/*#endregion ACTUALITÉS*/

}

@media all and (max-width:510px) {

	/*#region HEADER ACCUEIL*/

				#content .limites .headerAccueil .droite .sliderImages {
					width:280px; height:280px;
				}
					#content .limites .headerAccueil .droite .sliderImages img { width:180px; height:180px; }

	/*#endregion HEADER ACCUEIL*/

	/*#region LE CLUB*/

					#content .limites .leClub .ligne .texte h2 { font-size:2.625rem; }

				#content .limites .leClub .liste { margin:0px auto 0px; }

					#content .limites .leClub .liste li,
					#content .limites .leClub .clubhouse { font-size:2.0rem; }

	/*#endregion LE CLUB*/

	/*#region ACTUALITÉS*/

					#content .limites .actualités .actus .actu { padding-left:20px; border-radius:0px 0px 20px 20px; }

						#content .limites .actualités .actus .photo {
							position:relative;
							width:100%; height:auto;
							margin-bottom:10px;
						}

						#content .limites .actualités .actus .actu .resume {
							padding:0px 0px 40px;
							width:100%;
							margin-left:0px;
						}

	/*#endregion ACTUALITÉS*/

	/*#region NOTRE HISTOIRE*/

				#content .limites .notreHistoire .blocs .bloc { display:block; }

					#content .limites .notreHistoire .blocs .bloc .date {
						display:block;
						padding:10px 0px 10px 30px;
						width:auto;
						font-size:4rem;
					}

					#content .limites .notreHistoire .blocs .bloc .date::after {
						width:4px; height:calc(100% + 40px);
						left:0px; bottom:auto; top:0px; right:auto;
					}

					#content .limites .notreHistoire .blocs .bloc .description {
						display:block;
						padding:0px 0px 10px 30px;
					}

						#content .limites .notreHistoire .blocs .bloc .description br { display:none; }


	/*#endregion*/

}

@media all and (max-width:420px) {

/*#region NOS OFFRES*/

					#content .limites .nosOffres .ligne2NosOffres > div:empty { height:80px; }

					#content .limites .nosOffres .ligne2NosOffres .card {
						padding:20px 10px 75px 30px;
					}

					#content .limites .nosOffres .ligne2NosOffres .card::before { 
						top:-60px; left:-10px; 
					}

					#content .limites .nosOffres .ligne2NosOffres .card .titre { font-size:2.625rem; }

					#content .limites .actualités .actus .actu { margin:20px 0px; width:100%; }

/*#endregion*/

}

/*#endregion RESPONSIVE*/
