﻿@import url(https://fonts.googleapis.com/css2?family=Caveat&display=swap);
/*#region HTML*/
html {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; font-size: 16px; }
*, *:before, *:after {-webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit;}

	body { box-sizing: border-box; margin: 0; font-family:Roboto, sans-serif; font-size: 18px; color: #000000; background-color:white; }

	/*LES TITRES*/
	h1 {font-family: Caveat; font-weight: 700; font-size: 64px; color: #5c84ff}
	h2 {font-family: Roboto; font-weight: 400; font-size: 56px; color: #2041a6}

	/*LES COULEURS*/
	.color1 {color: #2041a6}    .color2  {color: #5c84ff}    .color3 {color: #e94f2d}    .color4 {color: #e0e7fb}
	.color5 {color: #2850ca}    .color6  {color: #000000}    .color7 {color: #ffffff}    .color8 {color: #981c01}
	.color9 {color: #1541c9}    .color10 {color: #90a5e1}

	/*LES FONDS*/
	.bkgMenu1    {background-color: #5c84ff}    .bkgMenu2    {background-color: #2850ca} .bkgAccueil1 {background-color: #2041a6}
	.bkgAccueil2 {background-color: #e0e7fb}    .bkgAccueil3 {background-color: #e94f2d} .bkgColor7   {background-color: #ffffff}

	/*LES POLICES*/
	.roboto {font-family: Roboto}   .caveat {font-family: Caveat}

	/*LES EPAISSEURS*/
	.light   {font-weight: 300}     .regular {font-weight: 400}     .medium {font-weight: 500}
	.bold    {font-weight: 700}     .black   {font-weight: 900}

	/*LES STYLES*/
	.italic  {font-style: italic}   .normal  {font-style: normal}

	/*LES TAILLES*/
	.px16 {font-size: 1rem}
	.px17 {font-size: 1.0625rem}
	.px18 {font-size: 1.125rem}
	.px19 {font-size: 1.1875rem}
	.px20 {font-size: 1.25rem}
	.px21 {font-size: 1.3125rem}
	.px22 {font-size: 1.375rem}
	.px23 {font-size: 1.4375rem}
	.px24 {font-size: 1.5rem}
	.px25 {font-size: 1.5625rem}
	.px26 {font-size: 1.625rem}
	.px27 {font-size: 1.6875rem}
	.px28 {font-size: 1.75rem}
	.px29 {font-size: 1.8125rem}
	.px30 {font-size: 1.875rem}
	.px31 {font-size: 1.9375rem}
	.px32 {font-size: 2rem}
	.px36 {font-size: 2.25rem}
	.px45 {font-size: 2.8125rem}
	.px50 {font-size: 3.125rem}
	.px56 {font-size: 3.5rem}
	.px60 {font-size: 3.75rem}
	.px80 {font-size: 5rem}
	.px95 {font-size: 5.9375rem}
	.px100 {font-size: 6.25rem}

/*#region FORMATAGES*/
	/*LIMITATIONS DES MARGES*/
	.limites {
		/*background-color: rgba(0, 0, 0, 0.10);*/
		position: relative;
		width:100%; max-width:1200px;
		margin: 0 auto;
		padding: 0 35px;
		height: 100%
	}

	/*DESIGN*/
		/*Cercles*/
		.cercleOrange20px {width: 20px; height: 20px; border-radius: 100%; background-color: #e94f2d}
		.cercleOrange35px {width: 35px; height: 35px; border-radius: 100%; background-color: #e94f2d}
		.cercleOrange50px {width: 50px; height: 50px; border-radius: 100%; background-color: #e94f2d}
		.cercleBleu50px   {width: 50px; height: 50px; border-radius: 100%; background-color: #5c84ff}
		.cercleOrange75px {width: 75px; height: 75px; border-radius: 100%; background-color: #e94f2d}
		.cercleBleu75px   {width: 75px; height: 75px; border-radius: 100%; background-color: #5c84ff}
		.cercleBleu150px  {width: 150px; height: 150px; border-radius: 100%; background-color: #5c84ff}

		/*barres*/
		.barVerticaleOrange {border-left: 4px solid #e94f2d; display: inline-block}

		/*boutons*/
		.boutonPrincipal {
			display: inline-block;
			border: 3px solid #e94f2d;
			padding: 45px 21px;
			line-height: 1;
			height: 240px;
			width: 240px;
			border-radius: 100%;
			text-align: center;
			box-shadow: 1px 1px 12px #54304d;
			text-decoration: none;
			transition-duration: .5s;
			position: relative
		}
			.boutonPrincipal:hover {
				color: #e94f2d;
				background-color: #ffffff;
				border: #e94f2d 3px solid;
				transition-duration: .5s;
			}

		.boutonSecondaire,
		.boutonTertiaire {
			text-decoration: none;
			cursor: pointer;
			color: #ffffff;
			background-color: #e94f2d;
			border: #e94f2d 1px solid;
			padding: 10px 20px;
			border-radius: 50px;
			font-weight: 500;
		}
			.boutonSecondaire:hover,
			.boutonTertiaire:hover {
				color: #e94f2d;
				background-color: #ffffff;
				transition-duration: 0.5s;
				border: #e94f2d 1px solid;
			}

		/*bloc*/
		.bloc310x313 {display: flex; width: 310px; height: 313px; flex-direction: column; border-radius: 10px; padding: 25px; margin: 15px}
		.bloc413x313 {display: flex; width: 413px; height: 313px; flex-direction: column; border-radius: 10px; padding: 25px; margin: 15px}
		.bloc343x313 {display: flex; width: 343px; height: 313px; flex-direction: column; border-radius: 10px; padding: 25px; margin: 15px}
		.bloc447x313 {display: flex; width: 447px; height: 313px; flex-direction: column; border-radius: 10px; padding: 25px; margin: 15px}

		.masque { display:none; opacity:0; position:absolute; }

/*#endregion FORMATAGES*/

/*#endregion HTML*/

/*#region ENTETE*/

	#enTete {
		position:fixed; z-index:1000;
		top:0px; left:0px;
		width:100%; height:auto;
		background-color:white;
		font-size:0rem;
		box-shadow:0px 0px 0px rgba(0,0,0,0);
		transition:box-shadow 0.5s;
	}

	#enTete.ombre {
		box-shadow:0px 3px 10px rgba(0,0,0,0.4);
	}

		/*#region Menu*/

		#enTete #btnmenu { display:none; }

		#enTete .limites .menu { position:relative; }

			#enTete .limites .menu > ul {
				display:inline-table;
				width:calc(100% - 430px); height:75px;
				max-width:630px;
				padding:0px;
			}

				#enTete .limites .menu > ul > li {
					position:relative; display:table-cell;
					padding:0px 10px 0px 0px;
					vertical-align:middle;
					width:10px;
					white-space:nowrap;
				}

				#enTete .limites .menu > ul > li.selected::after {
					position:absolute; display:block;
					content:"";
					width:calc(100% - 10px); height: 5px;
					background-color: #e94f2d;
					left:0px; bottom:0px;
				}

				#enTete .limites .menu > ul > li:empty { width:auto; }

				#enTete .limites .menu > ul > li > a {
					font-size: 1.25rem; font-weight:bold; color:#2041a6;
					text-decoration:none;
					text-transform:uppercase;
					transition:all 0.25s;
				}
				#enTete .limites .menu > ul > li:not(.disabled) > a:hover { color:#e94f2d; }

				#enTete .limites .menu > ul > li.disabled a { color:#b6b6b6; cursor:default; }

				#enTete .limites .menu > ul > li.accueil > a { font-size:0rem; }

		/*#endregion Menu*/

		/*#region réservations*/

				#enTete .limites .menu .reservations {
					position:absolute; display:inline-table;
					vertical-align:top;
					top:50%; right:0px;
					transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
					border-collapse:collapse;
				}

					#enTete .limites .menu .reservations > div {
						display:table-cell;
						width:auto;
						vertical-align:middle;
						font-size:0rem;
					}
					#enTete .limites .menu .reservations > div:empty { width:20px; }

					#enTete .limites .menu .reservations a {
						display:inline-block;
						font-size: 1.25rem; font-weight:bold; color:white;
						text-decoration:none;
						padding:12px 20px;
						border:solid 2px white; border-radius:30px;
						transition:all 0.25s;
					}


					#enTete .limites .menu .reservations a.pista { background-color:#2041a6; }
					#enTete .limites .menu .reservations a.tournoi { background-color:#e94f2d; }

					#enTete .limites .menu .reservations a:hover { background-color:white; }
					#enTete .limites .menu .reservations a.pista:hover { color:#2041a6; border-color:#2041a6; }
					#enTete .limites .menu .reservations a.tournoi:hover { color:#e94f2d; border-color:#e94f2d; }

		/*#endregion réservations*/

		/*#region Btn Je réserve 1 heure*/

			.btnjereserve1heure {
				position:absolute; z-index:100;
				font-weight:bold; color:white;
				background-color:#e94f2d;
				right:50px; bottom:-40px;
			}

				.btnjereserve1heure .jereserve { font-family:Caveat; font-size:3.4375rem; }
				.btnjereserve1heure .une { font-size:5rem; }
				.btnjereserve1heure .heure { font-size:1.875rem; }

			.btnjereserve1heure::after {
				position:absolute;
				content:url(/images/LetPadelPage/home-jereserve-fleche.png);
				margin:-33px 0 0 12px;
			}

		/*#endregion Btn Je réserve 1 heure*/

/*#endregion ENTETE*/

/*#region CONTENT*/
	#content {
		margin-top: 75px
	}
		#content .contentLimites {
			/*background-color: rgba(0, 0, 0, 0.09);*/
			width: 1130px;
			height: 100%;
			margin: auto;
			padding: 0 200px 0 0;
		}

/*#endregion*/

/*#region PIEDDEPAGE*/

	#piedDePage { background:#2850c9 url('/images/footer-fond.png') no-repeat; background-size:cover; }

		#piedDePage > *, #piedDePage > * * { transition:0.1s ease-out; }

		#piedDePage .limites {
			position:relative;
			padding:40px 55px;
		}
/*
		#piedDePage .limites::before {
			position:absolute;
			content:url(/images/homePage/footer-logo.png);
			top:25px;
		}
*/
			#piedDePage .limites .menuFooter {
				position:relative; display:table;
				width:100%;
				margin:auto;
				color:white;
			}

			#piedDePage .limites .menuFooter > div { display:table-cell; padding:0; width:33.33%; vertical-align:top; }
			#piedDePage .limites .menuFooter > div + div { padding-left:4.5%; }

			#piedDePage .limites .menuFooter > div.left {   width:31%; }
			#piedDePage .limites .menuFooter > div.middle { width:31%; }
			#piedDePage .limites .menuFooter > div.right {  width:38%; }
			#piedDePage .limites .menuFooter > div.mobi {   display:none; }


				#piedDePage .limites .menuFooter .left .adresse { display:block; min-width:270px; font-size:1.125rem; font-weight:400; line-height:141%; }

				#piedDePage .limites .menuFooter .left .adresse + .adresse { margin-top:20px; }

					#piedDePage .limites .menuFooter .left .adresse .numero { display:block; font-size:1.25rem; font-weight:600; margin:0.125em 0 0 0; }


				#piedDePage .limites .menuFooter ul { list-style-type:none; margin:0; padding:0; }

					#piedDePage .limites .menuFooter ul li { margin:0; padding:0; }
					#piedDePage .limites .menuFooter ul li + li { margin-top:10px; }

						#piedDePage .limites .menuFooter ul li a {
							text-decoration: none;
							font-size:1.125rem; font-weight:600; color:#ffffff;
							text-transform:uppercase;
							white-space:nowrap;
						}

						#piedDePage .limites .menuFooter ul li a.disabled { color: #b6b6b6; cursor: default; }

							#piedDePage .limites .menuFooter ul li .disabled:hover { color: #b6b6b6; }

							#piedDePage .limites .menuFooter ul .disabled::after { color:#2850c9; }

						#piedDePage .limites .menuFooter ul li a:hover { color:#e94f2d; }


			#piedDePage .limites .menuFooter .reseauxSociaux {
				display:block;
				margin:65px 0 0 0; padding:0;
				font-size:0;
				vertical-align:top; white-space:nowrap;
			}
				#piedDePage .limites .menuFooter .reseauxSociaux a {
					display:inline-block;
					margin:0; padding:0;
					width:41px; height:41px;
					background-repeat:no-repeat; background-position:center center;
					text-align:center; vertical-align:middle;
				}
				#piedDePage .limites .menuFooter .reseauxSociaux a + a {
					margin-left:15px;
				}

				#piedDePage .limites .menuFooter .reseauxSociaux a.facebook { background-image:url(/images/footer-picto-facebook.png); }
				#piedDePage .limites .menuFooter .reseauxSociaux a.instagram { background-image:url(/images/menu-picto-instagram.png); }


			#piedDePage .limites .menuFooter .logo {
				display:block;
				margin:30px 0 0 0; padding:0;
				width:110px; height:110px;
				background:url(/images/homePage/footer-logo.png) no-repeat center center;
				font-size:0;
				vertical-align:top; white-space:nowrap;
			}

/*#endregion*/

/*#region SEMELLE DE PAGE*/

	#semelleDePage {
		position:relative;
		background-color:#e7e6e3;
		height:70px;
		margin-bottom:50px;
	}

		#semelleDePage .logos { font-size:0rem; }

			#semelleDePage .logos > a,
			#semelleDePage .logos > span.app {
				position:absolute; display:inline-block;
				margin:0px 5px;
				top:50%;
				transform:translateY(-50%); -ms-transform:translateY(-50%); -webkit-transform:translateY(-50%); 
			}

			#semelleDePage .logos > a:first-child, #semelleDePage .logos > span.app:first-child { right:calc(50% - 5px); }
			#semelleDePage .logos > a:last-child, #semelleDePage .logos > span.app:last-child { left:calc(50% + 5px); }

		#semelleDePage .limites .droits { 
			position:absolute; _bottom:-42px; top:calc(100% + 1em);
			font-size:1rem; font-weight:400; color:#2041a6;
			text-transform:uppercase;
		}

/*#endregion SEMELLE DE PAGE*/

/*#region POPUP*/

.popup-ouvre {
	cursor: pointer;
	text-decoration: underline;
	text-decoration-color: #e94f2d;
	font-size: 3rem;
	font-weight: 600;
	color: white;
	right: 5rem;
	top: 6rem;
}
	.popup-ouvre:hover {
		color: #e94f2d;
		transition: all 300ms;
	}

.popup {
	position: fixed;
	display: none;
	z-index: 30000;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	padding: 20px 23px 27px;
	margin: auto auto auto auto;
	width: 100%;
	max-width: 900px;
	border: 2px solid #e94f2d;
	border-radius: 0;
	background-color: white;
	box-shadow: 10px 20px 30px rgba(0, 0, 0, 0.25);
	max-height: 100%;
	overflow-y: auto;
}
	.popup > .popup-contenu {
		display:block;
		padding:0; margin:0; border:none;
		color: white;
	}
	.popup > .popup-contenu.scroll {
		padding-right:1em;
	}

		.popup .titre {
			padding: 0px 40px 20px 0px;
			font-family: Caveat;
			font-size: 3rem; 
			font-weight:800; 
			color: #e94f2d; 
			line-height: 100%;
		}

		.popup .soustitre {
			padding:0px 0px 20px 0px;
			font-size:1.25rem; font-weight:600; color:#2041a6; line-height:130%;
		}

		.popup > .popup-contenu .texte {
			padding:0px;
			font-size:1rem; font-weight:600; color:#000; line-height:130%;
		}

			.popup > .popup-contenu .texte ul { margin:0px 0px 5px 0px; }
				.popup > .popup-contenu .texte ul li { position:relative; display:block; padding-left:10px; }
				.popup > .popup-contenu .texte ul li::before { position:absolute; content:"-"; left:0px; }

	.popup .popup-ferme {
		position:absolute; display:inline-block;
		top:10px; right:20px;
		font-size:1.5rem; font-weight:bold; color:#000;
		cursor:pointer;
		color: white;
	}
	.popup .popup-ferme::before { content:"X"; }

	.popup h1 { color:#424242; } .popup .popup-fermer { background-color:#424242; }

.popup-grisage {
	position:fixed; display:none; z-index:20000;
	width:100%; height:100%;
	background-color:rgba(255,255,255,0.5);
	top:0px; left:0px;
	text-align:center; vertical-align:middle;
	/*cursor:not-allowed;*/cursor:default;
}

/*#endregion POPUP*/

/*#region RESPONSIVE*/

@media all and (max-width:1760px) {

	#piedDePage .limites { padding-left:3.125%; padding-right:3.125%; }

}

@media all and (max-width:1080px) {

	#enTete { height:75px; }

	#enTete .limites::before {
		position: absolute;
		content: "";
		background:white url(/images/menu-logo.png) no-repeat center center;
		background-size: cover;
		top: 10px; left: 10px;
		width: 60px; height: 60px;
	}

	#enTete .limites::after {
		position: absolute; display: block;
		content: "Let Padel";
		top: 22px; left: 90px;
		font-size: 2rem; font-weight: 500; color:#2041a6;
	}

	#enTete #btnmenu {
		position: absolute; display: block;
		top: 12px; right: 20px;
		cursor: pointer;
	}

		#enTete #btnmenu span {
			display: block;
			width: 50px; height: 7px;
			border-radius: 2px;
			background-color:#2041a6;
			margin: 8px 0px;
		}

	#enTete .limites .menu {
		position: absolute;
		display: none;
		top: 75px;
		right: 20px;
		background-color:white;
		padding: 20px 30px;
		border: solid 2px rgba(0,0,0,0.15); border-top-color:white;
		border-radius: 0px 0px 10px 10px;
	}

		#enTete .limites .menu.ouvert { display: block; }

		#enTete .limites .menu ul {
			display: block;
			padding: 0px;
			height: auto;
		}

			#enTete .limites .menu ul li {
				display: block;
				width: auto;
				padding: 2px 0px;
			}

		#enTete .limites .menu > ul > li.accueil { padding-bottom:10px; }

		#enTete .limites .menu > ul > li.selected > a { color: #e94f2d; }


				#enTete .limites .menu .reservations {
					position:relative; display:block;
					top:auto; right:auto;
					transform:none; -ms-transform:none; -webkit-transform:none; 
					margin-left:-10px; padding-top:10px;
				}

					#enTete .limites .menu .reservations > div {
						display:block;
						text-align:left;
					}
					#enTete .limites .menu .reservations > div:empty { height:10px; }

					#enTete .limites .menu .reservations a {
						text-decoration:none;
						padding:8px 10px;
						border:solid 2px white; border-radius:20px;
					}

}


@media all and (max-width:1024px) {

	#enTete .limites .menu .iconReseauxSociaux { display:none; }

}

@media all and (max-width:960px) {

	#piedDePage .limites { padding-left:3.125%; padding-right:3.125%; }

			#piedDePage .limites .menuFooter > div.left {   width:230px; }
			#piedDePage .limites .menuFooter > div.middle { width:auto; }
			#piedDePage .limites .menuFooter > div.right {  width:342px; }
			#piedDePage .limites .menuFooter > div.mobi {   display:none; }

}

@media all and (max-width:840px) {

	#piedDePage .limites { padding-left:3.125%; padding-right:3.125%; }

		#piedDePage .limites .menuFooter { display:block; }

			#piedDePage .limites .menuFooter > div { }
			#piedDePage .limites .menuFooter > div + div { }

			#piedDePage .limites .menuFooter > div.left {   display:block; margin:0; padding:0; width:100%; }
			#piedDePage .limites .menuFooter > div.middle { display:inline-block; width:49%; padding-top:30px; padding-left:0; }
			#piedDePage .limites .menuFooter > div.right {  display:inline-block; width:49%; padding-top:30px; padding-left:0; }
			#piedDePage .limites .menuFooter > div.mobi {   display:none; }

				#piedDePage .limites .menuFooter > div.left .adresse { display:inline-block; margin:0; padding:0; width:49%; }
				#piedDePage .limites .menuFooter > div.left .adresse + .adresse { margin-top:0; }

}

@media all and (max-width:881px) {
	#popupInscriptionsTournois.pourNousContacterForm .tournois > div,
	#popupInscriptionsTournois.pourNousContacterForm .joueurs > div,
	#popupInscriptionsTournois.pourNousContacterForm .contact > div {
		display: block;
		max-width: 100%;
		margin: 0 auto;
		width: 384px;
	}
		#popupInscriptionsTournois.pourNousContacterForm .tournois > div > div,
		#popupInscriptionsTournois.pourNousContacterForm .joueurs > div > div,
		#popupInscriptionsTournois.pourNousContacterForm .contact > div,
		#popupInscriptionsTournois.pourNousContacterForm .boutons {
			padding: 1rem 0;
		}

	#popupInscriptionsTournois.pourNousContacterForm .formControl {
		width: 100%;
	}

	#popupInscriptionsTournois.pourNousContacterForm .lbEnvoyer {
		position: initial;
		margin-top: 2rem;
		display: inline-block;
	}

	#popupInscriptionsTournois.pourNousContacterForm select {
		width: 100%;
	}

	#popupInscriptionsTournois.pourNousContacterForm .boutons {
		padding-top: 2rem!important;
	}

	#popupInscriptionsTournois.pourNousContacterForm .numero {
		margin-top: 30px !important;
	}

	div.sousTitre:nth-child(5) {
		margin-top: 30px;
	}

	div.sousTitre:nth-child(5) {
		margin-top: 30px;
	}

	#popupInscriptionsTournois.pourNousContacterForm .lblPolitiqueConfidentialite {
		display: table;
		text-align: justify;
	}
		#popupInscriptionsTournois.pourNousContacterForm .lblPolitiqueConfidentialite label {
			width: initial;
			display: table-cell;
			padding: 0 0 0 20px;
		}
		#popupInscriptionsTournois.pourNousContacterForm .lblPolitiqueConfidentialite input[type=checkbox] {
			display: table-cell;
		}
}

@media all and (max-width:810px) {

	/*#region content*/
	#content .popup-ouvre {
		right: 1rem;
	}
	/*#endregion content*/
}

@media all and (max-width:680px) {

		.btnjereserve1heure {
			width: auto;
			height: auto;
			border-radius: 30px;
			white-space: nowrap;
			padding: 0px 15px 10px;
		}

			.btnjereserve1heure br {
				display: none;
			}

			.btnjereserve1heure .jereserve {
				font-size: 2.5rem;
			}

			.btnjereserve1heure .une {
				font-size: 3rem;
			}

			.btnjereserve1heure .heure {
				font-size: 1.25rem;
			}

			.btnjereserve1heure::after {
				content: none;
			}

		/*#region content*/
		#content .limites .headerAccueil .gauche .accueilLogoLetPadel {
			margin-top: 4rem;
		}
		#content .limites .header .logo {
			margin-top: 1.85rem;
		}

		#content .lienInscriptionsTournois {
			position: absolute;
			left: 50%;
			transform: translateX(-50%);
			width: 26rem;
		}
		/*#endregion content*/
	}

@media all and (max-width:640px) {

	#piedDePage .limites { }

		#piedDePage .limites .menuFooter { display:block; }

			#piedDePage .limites .menuFooter > div { }
			#piedDePage .limites .menuFooter > div + div { }

			#piedDePage .limites .menuFooter > div.left,
			#piedDePage .limites .menuFooter > div.middle,
			#piedDePage .limites .menuFooter > div.right,
			#piedDePage .limites .menuFooter > div.mobi { display:block; margin:0; padding:0; width:100%; }

			#piedDePage .limites .menuFooter > div + div.left,
			#piedDePage .limites .menuFooter > div + div.middle,
			#piedDePage .limites .menuFooter > div + div.right,
			#piedDePage .limites .menuFooter > div + div.mobi { margin-top:1.5em; }


				#piedDePage .limites .menuFooter > div.left .adresse { display:block; margin:0; padding:0; width:auto; }
				#piedDePage .limites .menuFooter > div.left .adresse + .adresse { margin-top:1.5em; }

			#piedDePage .limites .menuFooter ul li.lrs { display:none; }

			#piedDePage .limites .menuFooter .mobi ul li { position:relative; }


			#piedDePage .limites .menuFooter .reseauxSociaux {
				position:absolute; left:190px; bottom:45px;
				margin-top:0;
			}

			#piedDePage .limites .menuFooter .logo {
				margin-top:0;
			}

}

@media all and (max-width:570px) {

	#piedDePage .limites .menuFooter > div:not(.left) {
		padding-left: 0px;
	}
}

@media all and (max-width: 464px) {

	#popupInscriptionsTournois.pourNousContacterForm select {
		font-size: 1.1rem;
	}

	#popupInscriptionsTournois .placeholderFloating {
		font-size: 1.1rem;
	}

	#content .lienInscriptionsTournois {
		text-align: center;
	}

	#semelleDePage .logos a {
		transform:translateY(-50%) scale(75%); -ms-transform:translateY(-50%) scale(75%); -webkit-transform:translateY(-50%) scale(75%); 
	}
	#semelleDePage .logos a:first-child { right:calc(50% - 20px); }
	#semelleDePage .logos a:last-child { left:calc(50% - 15px); }

	#semelleDePage .limites .droits { 
		left:10px;
	}

}

@media all and (max-width:420px) {

	/*#region content*/

	/*#region INSCRIPTION TOURNOI*/

	#content .lienInscriptionsTournois {
		text-align: center;
	}

	#content .lienInscriptionsTournois {
		position: absolute;
		width: 15rem;
		line-height: 100%;
	}

	#content .limites .headerAccueil .gauche .accueilLogoLetPadel {
		margin-top: 6rem;
	}

	/*#endregion*/

	/*#endregion content*/

}

@media all and (max-width:400px) {

	#semelleDePage { height:136px; padding:10px; }

		#semelleDePage .logos { }

			#semelleDePage .logos > a,
			#semelleDePage .logos > span.app {
				position:relative; top:auto; right:auto; left:auto;
				display:block;
				margin:0 auto;
				transform:none; -ms-transform:none; -webkit-transform:none;
				text-align:center;
			}

			#semelleDePage .logos > a + a,
			#semelleDePage .logos > span.app + span.app {
				margin-top:10px;
			}

			#semelleDePage .logos > a:first-child, #semelleDePage .logos > span.app:first-child { right:auto; }
			#semelleDePage .logos > a:last-child, #semelleDePage .logos > span.app:last-child { left:auto; }
/*
		#semelleDePage .limites .droits {
			position:absolute;
			font-size:1rem; font-weight:400; color:#2041a6;
			text-transform:uppercase;
			bottom:-42px;
		}
*/
}

	/*#endregion RESPONSIVE*/
