﻿
/*#region CONTENT HOMEPAGE*/
        #content .limites a {
            text-decoration: none;
        }
/*#endregion*/

/*#region HEADER LETPADELPAGE*/

    #content .largeheader { background:#213f9a url(/images/LetPadelPage/letpadel-fond-header.png) no-repeat 38% center; background-size:cover; }

		#content .limites .header,
		#content .limites .header *,
		#content .limites .header *::before,
		#content .limites .header *::after { transition:all 0.25s; }

            #content .limites .header { 
				position:relative;
				padding:40px 0px 0px 10px; 
				height:404px;
            }

                #content .limites .header .titre {
                    position:relative; z-index:1;
					padding:0px 0px 0px 50px;
					font-size:5rem; font-weight:500; color:#ffffff;
                }
                #content .limites .header .titre::before {
					position:absolute; content:""; z-index:-1;
					width:50px; height:50px;
					border-radius:50%;
					background-color:#e94f2d;
					left:33px; bottom:0px;
                }

/*#endregion*/

/*#region DU TENNIS AU PADEL*/

#content .limites .duTennisAuPadel { position:relative; display:table; margin:40px auto 70px; }
	
	#content .limites .duTennisAuPadel *,
	#content .limites .duTennisAuPadel *::before,
	#content .limites .duTennisAuPadel *::after { transition:all 0.25s; }

	#content .limites .duTennisAuPadel > div { display:table-cell; vertical-align:top; }

    #content .limites .duTennisAuPadel .gauche { padding:30px 0px 0px 0px; text-align:center; }

		#content .limites .duTennisAuPadel .gauche img { width:377px; height:auto; }

		#content .limites .duTennisAuPadel .gauche .boutonSecondaire { display:inline-block; margin-top:25px; }


    #content .limites .duTennisAuPadel .droite { padding:0px 0px 0px 80px; }

		#content .limites .duTennisAuPadel .droite .texte { 
			position:relative; font-weight:400; line-height:150%;
			padding:0px 0px 0px 80px;
		}
		
		#content .limites .duTennisAuPadel .droite .texte::before {  
			position:absolute; content:url(/images/LetPadelPage/letpadel-picto1.png);
			top:-8px; left:0px;
		}
		
		#content .limites .duTennisAuPadel .droite .texte::after {  
			position: absolute; content:"";
			background-color:#e94f2d;
			width:2px; height:25px;
			top:2px; left:60px;
		}

/*#endregion*/

/*#region UN CLUB DE PADEL*/

    #content .largeclub { background-color:#e0e7fb; padding:40px 0px; }

        #content .limites .unClubDePadel { display:table; width:100%; }
			#content .limites .unClubDePadel *,
			#content .limites .unClubDePadel *::before,
			#content .limites .unClubDePadel *::after { transition:all 0.25s; }

	        #content .limites .unClubDePadel > div { display:table-cell; vertical-align:middle; text-align: center; }

            #content .limites .unClubDePadel .gauche { width:60%; }
                #content .limites .unClubDePadel .gauche h1 { margin: 0; }
                #content .limites .unClubDePadel .gauche h2 { margin: 0; }

            #content .limites .unClubDePadel .droite { width:40%; }

            #content .limites .unClubDePadel .droite .flecheBouton {
                position: absolute;
                margin: 45px 0 0 0px;
            }
/*#endregion*/

/*#region LE PADEL*/

    #content .limites .lePadel { display:table; margin:60px auto; }
			#content .limites .lePadel *,
			#content .limites .lePadel *::before,
			#content .limites .lePadel *::after { transition:all 0.25s; }

	    #content .limites .lePadel > div { display:table-cell; vertical-align:top; width:50%; }

        #content .limites .lePadel .gauche {
            padding:0px 20px 0px 20px;
        }

        #content .limites .lePadel .droite h1, h2 { margin: 0; padding: 0; }

        #content .limites .lePadel .droite p {
            margin-top: 30px;
        }

            #content .limites .lePadel .droite .texte {
                position:relative;
                margin-top: 35px; padding:0px 0px 0px 100px;
            }
		
			#content .limites .lePadel .droite .texte::before {  
				position:absolute; content:url(/images/LetPadelPage/letpadel-picto2.png);
				top:0px; left:0px;
			}
		
			#content .limites .lePadel .droite .texte::after {  
				position: absolute; content:"";
				background-color:#e94f2d;
				width:2px; height:25px;
				top:0px; left:100px;
			}

                #content .limites .lePadel .droite .texte p {
                    margin: 0 0 0 28px;
                }

		#content .limites .lePadel .imgresponsive { display:none; }

/*#endregion*/


/*#region RESPONSIVE*/

@media all and (max-width:1120px) {

	/*#region LE PADEL*/

    #content .limites .lePadel { display:block; width:80%; }

	    #content .limites .lePadel > div { display:block; width:100%; }

        #content .limites .lePadel .gauche { display:none; }

		#content .limites .lePadel .imgresponsive { display:block; padding-top:30px; text-align:center; }

			#content .limites .lePadel .imgresponsive img { width:100%; height:auto; }
			#content .limites .lePadel .imgresponsive img:first-child { max-width:469px; }
			#content .limites .lePadel .imgresponsive img:last-child { max-width:470px; }

	/*#endregion*/

}

@media all and (max-width:960px) {

	/*#region DU TENNIS AU PADEL*/

			#content .limites .duTennisAuPadel .gauche img { width:250px; }

		#content .limites .duTennisAuPadel .droite { padding-left:40px; }

	/*#endregion*/

}

@media all and (max-width:820px) {

	#content .limites .header { height:554px; }

	/*#region DU TENNIS AU PADEL*/

	#content .limites .duTennisAuPadel { display:block; margin-top:80px; }
	
		#content .limites .duTennisAuPadel > div { display:block; }

		#content .limites .duTennisAuPadel .gauche { 
			position:absolute; 
			padding:0px; 
			width:100%;
			bottom:0px;
		}

			#content .limites .duTennisAuPadel .gauche img { display:none; }

		#content .limites .duTennisAuPadel .droite { padding:0px 0px 60px 0px; }

	/*#endregion*/

	/*#region UN CLUB DE PADEL*/

    #content .largeclub { padding:40px 0px 180px; margin-bottom:140px; }

        #content .limites .unClubDePadel { position:relative; display:block; }

	        #content .limites .unClubDePadel > div { display:block; }

            #content .limites .unClubDePadel .gauche { width:100%; }

            #content .limites .unClubDePadel .droite { position:absolute; width:100%; padding-top:10px; }

	/*#endregion*/

	/*#region LE PADEL*/

    #content .limites .lePadel { width:100%; }

	    #content .limites .lePadel h2 { font-size:3rem; }

	/*#endregion*/

}

@media all and (max-width:680px) {

	#content .limites .header { height:404px; }

	#content .limites .header .titre { margin-left:-50px; }
	
		#content .btnjereserve1heure {
			left:50%; right:auto;
			transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%);
		}

	/*#region LE PADEL*/

            #content .limites .lePadel .droite .texte { padding:0px; }
	            #content .limites .lePadel .droite .texte p { margin:0px; }

			#content .limites .lePadel .droite .texte::before { content:none; }
		
			#content .limites .lePadel .droite .texte::after { content:none; }

	/*#endregion*/

}

@media all and (max-width:500px) {

	/*#region DU TENNIS AU PADEL*/

	#content .limites .duTennisAuPadel .droite .texte { padding-left:0px; }

		#content .limites .duTennisAuPadel .droite .texte::before { content:none; }
		#content .limites .duTennisAuPadel .droite .texte::after { content:none; }

	/*#endregion*/

}

@media all and (max-width:400px) {

	#content .limites .header .titre { font-size:3.875rem; }
	#content .limites .header .titre::before { width:40px; height:40px; }

}

/*#endregion RESPONSIVE*/
