Outiref

Code source de l'URL : http://rackettrip.eyefiz.com/fr/

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no, shrink-to-fit=no">
        <link rel="icon" type="image/x-icon" href="/images/favicon.png">


        <title>	Accueil
 | Racketrip</title>

        <link rel="stylesheet" href="/build/vendors~app~course-step-1~course-step-2~course-step-3~course-step-4~course-step-5~course-update~crea~76b7ce4c.css"><link rel="stylesheet" href="/build/vendors~app~course-step-2.css"><link rel="stylesheet" href="/build/app~course-step-2.css">
        
        <link rel="stylesheet" href="/fontawesome/css/all.min.css">

        
    </head>

    
    <body class="homepage" id="body">

        <div id="preloader">
            <div class="loader" id="loader"></div>
        </div>

                

        <header class="header homepage">
	<div class="container-fluid menu-container">
		<div class="logo-wrap">
			<div class="logo">
				<a href="/fr/">
					<img src="/images/logo-light.png" class="logo-light hide" alt="Racket Trip">
					<img src="/images/logo-dark.png" class="logo-dark hide" alt="Racket Trip">
				</a>
			</div>
		</div>

		<div class="mobile-only">
		<div class="website-locale hide-desktop">
		<div class="current-locale">
    <i class="fal fa-globe"></i>
    <span class="hide" id="curent-locale" data-locale="fr">fr</span>
</div>
<div class="locales hide">
    <nav class="nav nav-tabs">
        <a class="nav-item nav-link active" href="#language" data-toggle="tab">Langue</a>
        
            </nav>
    <div class="tab-content">

                
        <div class="tab-pane active" id="language">
            <div class="locale-tab">

                
                    <div class="locale-item active">
                        <a href="/fr/">
                            Français
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/en/">
                            English
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/es/">
                            Español
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/it/">
                            Italiano
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/de/">
                            Deutsch
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/sv/">
                            Svenska
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/ru/">
                            Русский
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/zh/">
                            中文
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/ja/">
                            日本語
                        </a>
                    </div>

                
            </div>
        </div>
            </div>
</div>

		</div>
	
		<div class="mobile-nav">
			<div id="nav-icon">
				<span></span>
				<span></span>
				<span></span>
				<span></span>
			</div>
		</div>

		</div>

		<div class="links-wrap">
			<div class="menu-wrap">
				<nav class="main-nav">
					<ul class="main-nav-list">

						<div class="website-locale hide-mobile">
						<div class="current-locale">
    <i class="fal fa-globe"></i>
    <span class="hide" id="curent-locale" data-locale="fr">fr</span>
</div>
<div class="locales hide">
    <nav class="nav nav-tabs">
        <a class="nav-item nav-link active" href="#language" data-toggle="tab">Langue</a>
        
            </nav>
    <div class="tab-content">

                
        <div class="tab-pane active" id="language">
            <div class="locale-tab">

                
                    <div class="locale-item active">
                        <a href="/fr/">
                            Français
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/en/">
                            English
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/es/">
                            Español
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/it/">
                            Italiano
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/de/">
                            Deutsch
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/sv/">
                            Svenska
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/ru/">
                            Русский
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/zh/">
                            中文
                        </a>
                    </div>

                
                    <div class="locale-item">
                        <a href="/ja/">
                            日本語
                        </a>
                    </div>

                
            </div>
        </div>
            </div>
</div>

						</div>

						<li class="menu-item active">
							<a class="menu-item-link" href="/fr/">Accueil</a>
						</li>
						<li class="menu-item">
							<a class="menu-item-link" href="/fr/courses/">Stages</a>
						</li>
						<li class="menu-item">
							<a class="menu-item-link" href="/fr/directory">Annuaire</a>
						</li>
						<li class="menu-item">
							<a class="menu-item-link" href="/fr/blog/">Blog</a>
						</li>
													<li class="menu-item mb-3 hide-desktop">
								<a href="/fr/login-trainee" class="btn btn-menu btn-menu-trainee">Je suis stagiaire</a>
							</li>
							<li class="menu-item hide-desktop">
								<a href="/fr/login-pro" class="btn btn-menu btn-menu-pro">Je suis pro</a>
							</li>
						
					</ul>
				</nav>
			</div>
		</div>
		<div class="account-wrap hide-mobile">
			
				<a href="/fr/login-trainee" class="btn btn-menu btn-menu-trainee">Je suis stagiaire</a>
				<a href="/fr/login-pro" class="btn btn-menu btn-menu-pro">Je suis pro</a>

					</div>
	</div>
</header>



        
	<section class="screen-height overflow-hidden mt-0" id="hero-section">

		<div class="home-sliders hide-mobile">
							<div class="landing-slider-item" style="background-image: url('/images/header/home-slide-0.png');">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-6">
								<h3 class="landing-slider-title">Velit ab dignissimos.</h3>
								<p class="landing-slider-text">
									Occaecati fugiat sed minima architecto dicta qui minima officia veritatis nemo ex officia voluptas et quaerat nesciunt voluptatem nostrum rerum suscipit amet ipsam possimus expedita rem dicta necessitatibus blanditiis quia voluptatem quia ipsam debitis odio id.
								</p>
																									<a href="https://www.google.com/" class="btn btn-slider">Découvrir</a>
															</div>
						</div>
					</div>
				</div>
							<div class="landing-slider-item" style="background-image: url('/images/header/home-slide-1.png');">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-6">
								<h3 class="landing-slider-title">Qui quisquam labore maiores illum.</h3>
								<p class="landing-slider-text">
									Sint repellendus quos omnis voluptatem aliquid omnis autem officia fugit non earum nesciunt sed qui architecto est eos corrupti quis nulla aut sunt distinctio voluptates libero qui similique ut commodi est aut illum dicta velit ratione id aut ratione.
								</p>
																									<a href="https://www.google.com/" class="btn btn-slider">Découvrir</a>
															</div>
						</div>
					</div>
				</div>
							<div class="landing-slider-item" style="background-image: url('/images/header/home-slide-2.png');">
					<div class="container-fluid">
						<div class="row">
							<div class="col-lg-6">
								<h3 class="landing-slider-title">Similique qui vero.</h3>
								<p class="landing-slider-text">
									Itaque excepturi labore ipsum et dolore et tempora ullam non et unde aut odit repudiandae voluptatem sapiente perferendis aliquid rerum et consectetur vel molestias voluptas sit nam aperiam doloremque aut vero labore explicabo quia ducimus cupiditate a ea soluta aliquid ut occaecati magni cum voluptatem debitis vel eaque voluptate quas sunt eveniet sed est sapiente ut.
								</p>
																									<a href="https://www.google.com/" class="btn btn-slider">Découvrir</a>
															</div>
						</div>
					</div>
				</div>
					</div>

		<div class="home-intro hide-desktop">
			<img src="/images/header/home-slide-1.png" alt="rackettrip">
		</div>

		<div class="card search-card">
			<h3 class="search-card-title">Que recherchez vous ?</h3>
			<form method="get" action="/fr/courses/" class="home-search-form">
				<div class="row">
					<div class="col-lg-12">
						<div class="input-group global destination">
							<div class="form-group w-100">
								<input type="text" id="destination" autocomplete="off" placeholder="Où allez-vous ?" class="form-control">
							</div>
							<input type="hidden" id="country" name="country" />
							<div class="destination-dropdown" id="destination-wrap">
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="fr">France</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="us">États-Unis</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="re">La Réunion</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="nl">Pays-Bas</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="ca">Canada</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="cl">Chili</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="pt">Portugal</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="es">Espagne</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="sn">Sénégal</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="be">Belgique</span>
									</div>
																	<div class="destination-item">
										<i class="fal fa-map-marker-alt"></i>
										<span class="destination-name" data-country="ma">Maroc</span>
									</div>
																
							</div>
						</div>

					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">

						<div class="custom-dropdown-input short-input" id="sport-wrap">
							<span class="custom-dropdown-label" id="sport-checkbox-label">Sport</span>
							<div class="custom-dropdown-content" id="sport-checkbox">
									<div class="checkbox icheck-primary">        <input type="checkbox" id="sports_1" name="sports[]" class="form-check-input" value="1" />
        <label class="form-check-label" for="sports_1">
            
        </label>Tennis</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="sports_2" name="sports[]" class="form-check-input" value="2" />
        <label class="form-check-label" for="sports_2">
            
        </label>Badminton</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="sports_3" name="sports[]" class="form-check-input" value="3" />
        <label class="form-check-label" for="sports_3">
            
        </label>Padel</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="sports_4" name="sports[]" class="form-check-input" value="4" />
        <label class="form-check-label" for="sports_4">
            
        </label>Squash</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="sports_5" name="sports[]" class="form-check-input" value="5" />
        <label class="form-check-label" for="sports_5">
            
        </label>Tennis de table</div>

							</div>
						</div>

					</div>
				</div>
				<div class="row">
					<div class="col-lg-12">
						
						<div class="custom-dropdown-input short-input" id="date-wrap">
							<span class="custom-dropdown-label" id="date-input-label">À partir de</span>
							<div class="custom-dropdown-content">
								<div id="datepicker"></div>
								<input type="text" id="begin" name="begin" class="course-date form-control" readonly="readonly"  />
							</div>
						</div>

					</div>
				</div>
				<div class="row mt-3">
					<div class="col-12 text-center">
						<button class="btn btn-primary">Rechercher</button>
					</div>
				</div>
				<div class="hide">
					<div class="form-group">	<div class="checkbox icheck-primary">        <input type="checkbox" id="ages_1" name="ages[]" class="form-check-input" value="1" />
        <label class="form-check-label" for="ages_1">
            
        </label>0 - 13 ans</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="ages_2" name="ages[]" class="form-check-input" value="2" />
        <label class="form-check-label" for="ages_2">
            
        </label>13 - 17 ans</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="ages_3" name="ages[]" class="form-check-input" value="3" />
        <label class="form-check-label" for="ages_3">
            
        </label>18 ans et +</div>
</div><div class="form-group">	<div class="checkbox icheck-primary">        <input type="checkbox" id="levels_1" name="levels[]" class="form-check-input" value="1" />
        <label class="form-check-label" for="levels_1">
            
        </label>Découverte</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="levels_2" name="levels[]" class="form-check-input" value="2" />
        <label class="form-check-label" for="levels_2">
            
        </label>Débutant</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="levels_3" name="levels[]" class="form-check-input" value="3" />
        <label class="form-check-label" for="levels_3">
            
        </label>Intermédiaire</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="levels_4" name="levels[]" class="form-check-input" value="4" />
        <label class="form-check-label" for="levels_4">
            
        </label>Avancé</div>
</div><div class="form-group">	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_1" name="languages[]" class="form-check-input" value="1" />
        <label class="form-check-label" for="languages_1">
            
        </label>Português</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_2" name="languages[]" class="form-check-input" value="2" />
        <label class="form-check-label" for="languages_2">
            
        </label>Deutsch</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_3" name="languages[]" class="form-check-input" value="3" />
        <label class="form-check-label" for="languages_3">
            
        </label>English</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_4" name="languages[]" class="form-check-input" value="4" />
        <label class="form-check-label" for="languages_4">
            
        </label>Español</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_5" name="languages[]" class="form-check-input" value="5" />
        <label class="form-check-label" for="languages_5">
            
        </label>Français</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_6" name="languages[]" class="form-check-input" value="6" />
        <label class="form-check-label" for="languages_6">
            
        </label>日本語</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_7" name="languages[]" class="form-check-input" value="7" />
        <label class="form-check-label" for="languages_7">
            
        </label>Polski</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_8" name="languages[]" class="form-check-input" value="8" />
        <label class="form-check-label" for="languages_8">
            
        </label>Pусский</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_9" name="languages[]" class="form-check-input" value="9" />
        <label class="form-check-label" for="languages_9">
            
        </label>Nederlands</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_10" name="languages[]" class="form-check-input" value="10" />
        <label class="form-check-label" for="languages_10">
            
        </label>Italiano</div>
	<div class="checkbox icheck-primary">        <input type="checkbox" id="languages_11" name="languages[]" class="form-check-input" value="11" />
        <label class="form-check-label" for="languages_11">
            
        </label>한국어</div>
</div>
				</div>
			</form>
		</div>

		<div class="landing-scroll" id="discover">
			<span class="scroll-text">Découvrir nos offres</span>
			<i class="far fa-chevron-down"></i>
		</div>

	</section>

	<div class="overflow-hidden">

		<section id="courses">
			<div class="container-fluid home-courses-container">
				<div class="main-title mb-5">
					<h1 class="title-text">Les stages du moment</h1>
				</div>
				<div class="courses-slider-wrapper mt-4">

												
<div class="course-card">
		
		<a href="/fr/courses/2afd9fd080cc2d125301b09724ff0c8e" class="course-link">
		<div class="course-img">
																<img src="/images/stages/243702c55564153d59cf320cad0a771e.jpg" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Tennis au portugal : Intensif 2 semaines
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/8aab7b0729b083918f1d551245df8abf.jpg" alt="coach">
					<p class="mb-0 pt-0">alexandra frances</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/pt.svg" class="country-flag" alt="PT">
						<span class="course-extra-text">Castro Daire</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du  au </span>
															</div>
				<h4 class="course-price">Dès
											<span>1000 €</span><br/>
						sur 10 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/d758a05f5edc9061918eef96fd3a8ec4" class="course-link">
		<div class="course-img">
																<img src="/images/stages/aa93375cbb7ef377d580454bfc7ba493.jpg" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				stage intensif de Tennis au State
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/8aab7b0729b083918f1d551245df8abf.jpg" alt="coach">
					<p class="mb-0 pt-0">alexandra frances</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/us.svg" class="country-flag" alt="US">
						<span class="course-extra-text">Thousand Oaks</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du  au </span>
															</div>
				<h4 class="course-price">Dès
											<span>400 €</span><br/>
						sur 8 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/79dbaf141ace3e1b2353173659d0724c" class="course-link">
		<div class="course-img">
																<img src="/images/stages/23afdc9a72e8b05d97f34428af409268.jpg" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Squash</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Stage - Squash
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/93b0a89c181c3dc75f899b8cb35677eb.jpg" alt="coach">
					<p class="mb-0 pt-0">Alex D</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" class="country-flag" alt="FR">
						<span class="course-extra-text">Meudon</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du  au </span>
															</div>
				<h4 class="course-price">Dès
											<span>1200 €</span><br/>
						sur 26 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/6feab0f86180c262fdb9aabf9d362a78" class="course-link">
		<div class="course-img">
																<img src="/images/stages/c8a290d32110b9faa523be400b958afd.jpg" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Un stage de tennis
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/d531d68894900bcf82900cb87bad17bb.jpg" alt="coach">
					<p class="mb-0 pt-0">Gilbert Lecomte</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/cl.svg" class="country-flag" alt="CL">
						<span class="course-extra-text">San Miguel</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du  au </span>
															</div>
				<h4 class="course-price">Dès
											<span>900 €</span><br/>
						sur 7 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/a1f9beb8250a758ae30bc65db7044fde" class="course-link">
		<div class="course-img">
																<img src="/images/stages/8178155a253dad707ae30e8756f1fd01.jfif" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Badminton</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Stage - Badminton
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/93b0a89c181c3dc75f899b8cb35677eb.jpg" alt="coach">
					<p class="mb-0 pt-0">Alex D</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" class="country-flag" alt="FR">
						<span class="course-extra-text">Paris</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du 05.06.21 au 10.06.21</span>
															</div>
				<h4 class="course-price">Dès
											<span>1000 €</span><br/>
						sur 6 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/cca3f16979606c4e6c25a9db98e30289" class="course-link">
		<div class="course-img">
							<div class="course-dates">Plusieurs dates</div>
																<img src="/images/stages/9ac30b2caf01edf5d1eac5f00e9e8398.jfif" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Stage en pleine forêt
			</h3>
			<div class="course-author club">
				<div class="author">
					<img src="/images/profiles/default-profile.png" alt="club">
					<p class="mb-0 pt-0">Champs elysées</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" class="country-flag" alt="FR">
						<span class="course-extra-text">Villepreux</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du 10.05.21 au 12.05.21</span>
															</div>
				<h4 class="course-price">Dès
											<span>300 €</span><br/>
						sur 2 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/14bec9640ae0dab90cee590b65948f34" class="course-link">
		<div class="course-img">
							<div class="course-dates">Plusieurs dates</div>
																<img src="/images/stages/621f5ab05b36ae9950d11a2ba2e24ad6.jfif" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Stage dans les bois
			</h3>
			<div class="course-author club">
				<div class="author">
					<img src="/images/profiles/415547bb53d82beb088eee1af9a17b7d.jpg" alt="club">
					<p class="mb-0 pt-0">Enghien les bains</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" class="country-flag" alt="FR">
						<span class="course-extra-text">Saint-Gratien</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Prochaine date : </span>
															</div>
				<h4 class="course-price">Dès
											<span>300 €</span><br/>
						sur 3 jours
									</h4>
			</div>
		</div>
	</a>
</div>
												
<div class="course-card">
		
		<a href="/fr/courses/cb1536b740e2501b68e2c7c690554145" class="course-link">
		<div class="course-img">
																<img src="/images/stages/8320c7badd0c4c673631904d7bbbe1aa.jpg" alt="Stage">
			<div class="sports-wrap">
									<span class="sport-item">Tennis</span>
							</div>
		</div>
		<div class="course-infos">
			<h3 class="course-title">
				Découverte tennis amateur
			</h3>
			<div class="course-author coach">
				<div class="author">
					<img src="/images/profiles/5d17571ae924787c75be3610b1eeea2e.jpg" alt="coach">
					<p class="mb-0 pt-0">Alpha Oumar Sow</p>
				</div>
				<div class="author-stars">
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star"></i>
					<i class="fas fa-star-half-alt"></i>
					<span class="pro-review-note">(10)</span>
				</div>
			</div>
			<div class="row">
				<div class="course-extra">
					<div>
												<img src="https://lipis.github.io/flag-icon-css/flags/4x3/fr.svg" class="country-flag" alt="FR">
						<span class="course-extra-text">Villeurbanne</span>
					</div>
					<i class="far fa-calendar-alt"></i>
																		<span class="course-extra-text">Du  au </span>
															</div>
				<h4 class="course-price">Dès
											<span>500 €</span><br/>
						sur 10 jours
									</h4>
			</div>
		</div>
	</a>
</div>
					
				</div>
			</div>
		</section>

		<section id="countries">
			<div class="container-fluid">
				<h2 class="section-title-underline">Et si on partait en...</h2>
				<div class="row">

					<div class="col-lg-4 col-md-6 col-6">
						<div class="country-card">
							<img src="/images/espagne.png" alt="Espagne">
							<a href="/fr/courses/?country=es" class="country-mobile-link">
								<p class="country-title">Espagne</p>
							</a>
							<a href="/fr/courses/?country=es" class="country-link">Découvrir</a>
						</div>
					</div>

					<div class="col-lg-4 col-md-6 col-6">
						<div class="country-card">
							<img src="/images/senegal.png" alt="Sénégal">
							<a href="/fr/courses/?country=sn" class="country-mobile-link">
								<p class="country-title">Sénégal</p>
								<a href="/fr/courses/?country=sn" class="country-link">Découvrir</a>
							</div>
						</div>

						<div class="col-lg-4 col-md-6 col-6">
							<div class="country-card">
								<img src="/images/pays-bas.png" alt="Pays bas">
								<a href="/fr/courses/?country=nl" class="country-mobile-link">
									<p class="country-title">Pays bas</p>
								</a>
								<a href="/fr/courses/?country=nl" class="country-link">Découvrir</a>
							</div>
						</div>

						<div class="col-lg-4 col-md-6 col-6">
							<div class="country-card">
								<img src="/images/france.png" alt="France">
								<a href="/fr/courses/?country=fr" class="country-mobile-link">
									<p class="country-title">France</p>
								</a>
								<a href="/fr/courses/?country=fr" class="country-link">Découvrir</a>
							</div>
						</div>

						<div class="col-lg-4 col-md-6 col-6">
							<div class="country-card">
								<img src="/images/belgique.png" alt="Belgique">
								<a href="/fr/courses/?country=be" class="country-mobile-link">
									<p class="country-title">Belgique</p>
								</a>
								<a href="/fr/courses/?country=be" class="country-link">Découvrir</a>
							</div>
						</div>

						<div class="col-lg-4 col-md-6 col-6">
							<div class="country-card">
								<img src="/images/maroc.png" alt="Maroc">
								<a href="/fr/courses/?country=ma" class="country-mobile-link">
									<p class="country-title">Maroc</p>
								</a>
								<a href="/fr/courses/?country=ma" class="country-link">Découvrir</a>
							</div>
						</div>

					</div>
				</div>
			</section>

			<section id="talks">
				<div class="container-fluid">
					<div class="main-title mb-5">
						<h2 class="title-text">Ils parlent de nous</h2>
					</div>
					<div class="logos-wrap">
						<div class="logo-item">
							<img src="/images/sporteco.png" alt="Sport Eco">
							<span class="logo-text">"Ils nous adorent"</span>
						</div>
						<div class="logo-item">
							<img src="/images/padel-pain.png" alt="Padel pain">
							<span class="logo-text">"Ils nous adorent"</span>
						</div>
						<div class="logo-item">
							<img src="/images/padel-magazine.png" alt="Padel Magazine">
							<span class="logo-text">"Ils nous adorent"</span>
						</div>
						<div class="logo-item">
							<img src="/images/padel-pain.png" alt="Padel pain">
							<span class="logo-text">"Ils nous adorent"</span>
						</div>
					</div>
					<div class="container blog-section mt-5" id="news">
						<h2 class="section-title-underline">Communauté RacketTrip</h2>
						<div class="row">
							<div class="col-lg-6 col-sm-12 blog-col latest">
																	<div class="blog-card">
	<div class="blog-card-img">

		
		<img src="/images/blog/player-s-academy-l-academie-padel-a-paris.jpg" alt=""/>
	</div>
	<div class="blog-card-preview">
		<div class="blog-author">
						<h3 class="author-name">John Doe</h3>
						<h2 class="blog-title">
                <a href="/fr/blog/article/player-s-academy-l-academie-padel-a-paris">
                    Player’s Academy : l’académie padel à Paris
                </a>
            </h2>
			<div class="preview-content">
				<p>
					Player&amp;rsquo;s Padel Acad&amp;eacute;my : la 1&amp;egrave;re acad&amp;eacute;mie Junior et Adulte de padel en r&amp;
				</p>
				<a href="/fr/blog/article/player-s-academy-l-academie-padel-a-paris" class="read-more">Lire plus</a>
			</div>
		</div>
	</div>
</div>
															</div>
							<div class="col-lg-6 col-sm-12">
								<div class="row">
									<div class="col-md-6 col-sm-12 blog-col previous">
																					<div class="blog-card">
	<div class="blog-card-img">

		
		<img src="/images/blog/4padel-marville-rouvre-partiellement.jpg" alt=""/>
	</div>
	<div class="blog-card-preview">
		<div class="blog-author">
						<h3 class="author-name">John Doe</h3>
						<h2 class="blog-title">
                <a href="/fr/blog/article/4padel-marville-rouvre-partiellement">
                    4PADEL Marville rouvre partiellement !
                </a>
            </h2>
			<div class="preview-content">
				<p>
					Apr&amp;egrave;s plusieurs semaines de fermeture, toute l&amp;rsquo;&amp;eacute;quipe de 4PADEL Marville est heu
				</p>
				<a href="/fr/blog/article/4padel-marville-rouvre-partiellement" class="read-more">Lire plus</a>
			</div>
		</div>
	</div>
</div>
																			</div>
									<div class="col-xl-6 col-lg-6 col-md-6 col-sm-12 blog-col previous">
																					<div class="blog-card">
	<div class="blog-card-img">

		
		<img src="/images/blog/des-endroits-de-reve-pour-jouer-au-padel.jpg" alt=""/>
	</div>
	<div class="blog-card-preview">
		<div class="blog-author">
						<h3 class="author-name">John Doe</h3>
						<h2 class="blog-title">
                <a href="/fr/blog/article/des-endroits-de-reve-pour-jouer-au-padel">
                    Des endroits de rêve pour jouer au padel !
                </a>
            </h2>
			<div class="preview-content">
				<p>
					Petit tour d&amp;rsquo;horizon des endroits les plus incroyables o&amp;ugrave; jouer au padel, comme vous po
				</p>
				<a href="/fr/blog/article/des-endroits-de-reve-pour-jouer-au-padel" class="read-more">Lire plus</a>
			</div>
		</div>
	</div>
</div>
																			</div>
								</div>
								<div class="row">
									<div class="col-sm-12 blog-col previous">
																					<div class="blog-card">
	<div class="blog-card-img">

		
		<img src="/images/blog/apt-padel-tour-prochaine-etape-monaco.jpg" alt=""/>
	</div>
	<div class="blog-card-preview">
		<div class="blog-author">
						<h3 class="author-name">John Doe</h3>
						<h2 class="blog-title">
                <a href="/fr/blog/article/apt-padel-tour-prochaine-etape-monaco">
                    APT Padel Tour : prochaine étape Monaco
                </a>
            </h2>
			<div class="preview-content">
				<p>
					Apr&amp;egrave;s deux tournois disput&amp;eacute;s au Paraguay, l&amp;rsquo;APT Padel Tour d&amp;eacute;barque en Eu
				</p>
				<a href="/fr/blog/article/apt-padel-tour-prochaine-etape-monaco" class="read-more">Lire plus</a>
			</div>
		</div>
	</div>
</div>
																			</div>
								</div>
							</div>
						</div>
						<div class="text-center">
							<a href="/fr/blog/">
								<button class="btn btn-primary mt-3">Voir le blog</button>
							</a>
						</div>
					</div>
				</div>
			</section>

			<section id="" class="pb-5">
				<div class="container-fluid">
					<div class="main-title mb-5">
						<h2 class="title-text">Ils s&#039;occupent de vous</h2>
					</div>
					<div class="partners-wrap">
						<div class="partner-item">
							<img src="/images/coach.png" alt="Coachs">
							<a href="/fr/directory?type=coach" class="btn partner-btn coach">coachs</a>
						</div>
						<div class="partner-item">
							<img src="/images/club.png" alt="Clubs">
							<a href="/fr/directory?type=club" class="btn partner-btn club">clubs</a>
						</div>
						<div class="partner-item">
							<img src="/images/operator.png" alt="Opérateurs">
							<a href="/fr/directory?type=operator" class="btn partner-btn operator">opérateurs</a>
						</div>
					</div>
				</div>
			</section>

			<section id="help">
	<div class="container-fluid">
		<div class="help-cta">
			<div class="help-content">
				<h3 class="help-title">Besoin d&#039;aide ?</h3>
				<p class="help-text">Vous pouvez consulter notre FAQ si vous avez des questions sur l’usage de RacketTrip ou rendez-vous sur nos tutos pour découvrir des astuces.</p>
			</div>
			<div class="help-buttons">
				<a href="/fr/faq" class="btn btn-faq">FAQ</a>
				<button class="btn btn-tutos">tutos</button>
			</div>
		</div>
	</div>
</section>
		</div>

		
	
        
        
<style>
 .title-footer {
     width:100%
 }
</style>

<footer>
    <div class="row m-0 text-center white">
        <div class="col-lg-3 logo-footer d-flex flex-wrap align-content-center justify-content-center padding-footer">
            <div class="logo-wrap">
                <div class="logo-footer">
                    <a href="/fr/">
                        <img src="/images/logo_rackettrip_3.png" alt="Racket Trip">
                    </a>
                </div>
            </div>
        </div>
        <div class="col-lg-3 contact-footer padding-footer d-flex flex-wrap align-content-center justify-content-center">
            <h6 class="title-footer">Nous Contacter</h6>
             <table class="table-footer">
                <tbody>
                    <tr>
                        <td><i class="far fa-home-alt"></i></td>
                        <td class="text-left">Adresse de RacketTrip</td>
                    </tr>
                    <tr>
                        <td><i class="fal fa-phone-volume"></i></td>
                        <td class="text-left">Tél : 01 00 00 00 00</td>
                    </tr>
                     <tr>
                        <td><i class="fal fa-envelope"></i></td>
                        <td class="text-left">Nous contacter par mail</td>
                    </tr>
                </tbody>
            </table>
        </div>
        <div class="col-lg-3 find-footer padding-footer">
            <h6 class="title-footer">Rechercher</h6>
            <a href="/fr/courses/" class="btn-first-footer btn-button-search mb-10 btn-footer-white">Recherche de stage</a>
            <a href="/fr/directory" class="btn-first-footer btn-button-search btn-footer-white">Annuaire</a>
        </div>
        <div class="col-lg-3 login-footer padding-footer">
            <h6 class="title-footer">Se connecter</h6>
            <a href="/fr/login-stagiaire" class="btn-first-footer btn-trainee-footer mb-10 btn-footer-white"><b>Je suis stagiaire</b></a>
            <a href="/fr/login-pro" class="btn-first-footer btn-pro-footer btn-footer-white"><b>Je suis pro</b></a>
        </div>

    </div>
    <div class="row m-0 second-footer text-center">
        <div class="col-lg-3 d-flex align-content-center flex-wrap justify-content-center">
            @2021 COPYRIGHT Eyefizdigital
        </div>
        <div class="col-lg-3">
            <a href="#" class="btn-second-footer btn-footer-white">Mention légales</a><br />
            <a href="#" class="btn-second-footer btn-footer-white">Plan du site</a>
        </div>
        <div class="col-lg-3">
            <a href="/fr/faq" class="btn-second-footer btn-footer-white">FAQ</a><br />
            <a href="#" class="btn-second-footer btn-footer-white">Tutos</a>
        </div>
        <div class="col-lg-3 d-flex flex-wrap justify-content-center">
            <a href="#" class="btn-social"><i class="fab fa-facebook-f"></i></a>
            <a href="#" class="btn-social"><i class="fab fa-twitter"></i></a>
            <a href="#" class="btn-social"><i class="fab fa-instagram"></i></a>
            <a href="#" class="btn-social"><i class="fab fa-linkedin-in"></i></a>
        </div>
    </div>
</footer>
        
        <script src="/build/runtime.js"></script><script src="/build/vendors~app~course-step-1~course-step-2~course-step-3~course-step-4~course-step-5~course-update~crea~afdf36af.js"></script><script src="/build/vendors~app~course-step-1~course-step-2~course-step-3~course-step-4~course-step-5~course-update~dash~33714142.js"></script><script src="/build/vendors~app~course-step-1~course-step-2~course-step-3~course-step-4~course-step-5~course-update~crea~76b7ce4c.js"></script><script src="/build/vendors~app~course-step-2~course-step-3~course-step-4~course-step-5~course-update~pro-page.js"></script><script src="/build/vendors~app~course-step-2~course-step-3~course-update~pro-page~search.js"></script><script src="/build/vendors~app~course-step-2~course-update~dashboard~search.js"></script><script src="/build/vendors~app~course-step-2~message~search.js"></script><script src="/build/vendors~app~course-step-1~course-step-2~course-update.js"></script><script src="/build/vendors~app~course-step-2~course-step-3~course-update.js"></script><script src="/build/vendors~app~course-step-2.js"></script><script src="/build/app~course-step-2.js"></script><script src="/build/app.js"></script>

        		
		<script src="/build/vendors~course-step-2~course-update~search.js"></script><script src="/build/vendors~search.js"></script><script src="/build/search.js"></script>

		
	        
    
<div id="sfwdt560a95" class="sf-toolbar sf-display-none" role="region" aria-label="Symfony Web Debug Toolbar"></div><script nonce="82ac318ae5ba858f1b3e2e2b20d93bc3">/*<![CDATA[*/        Sfjs = (function() {        "use strict";        if ('classList' in document.documentElement) {            var hasClass = function (el, cssClass) { return el.classList.contains(cssClass); };            var removeClass = function(el, cssClass) { el.classList.remove(cssClass); };            var addClass = function(el, cssClass) { el.classList.add(cssClass); };            var toggleClass = function(el, cssClass) { el.classList.toggle(cssClass); };        } else {            var hasClass = function (el, cssClass) { return el.className.match(new RegExp('\\b' + cssClass + '\\b')); };            var removeClass = function(el, cssClass) { el.className = el.className.replace(new RegExp('\\b' + cssClass + '\\b'), ' '); };            var addClass = function(el, cssClass) { if (!hasClass(el, cssClass)) { el.className += " " + cssClass; } };            var toggleClass = function(el, cssClass) { hasClass(el, cssClass) ? removeClass(el, cssClass) : addClass(el, cssClass); };        }        var noop = function() {};        var profilerStorageKey = 'symfony/profiler/';        var addEventListener;        var el = document.createElement('div');        if (!('addEventListener' in el)) {            addEventListener = function (element, eventName, callback) {                element.attachEvent('on' + eventName, callback);            };        } else {            addEventListener = function (element, eventName, callback) {                element.addEventListener(eventName, callback, false);            };        }        var request = function(url, onSuccess, onError, payload, options) {            var xhr = window.XMLHttpRequest ? new XMLHttpRequest() : new ActiveXObject('Microsoft.XMLHTTP');            options = options || {};            options.maxTries = options.maxTries || 0;            xhr.open(options.method || 'GET', url, true);            xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');            xhr.onreadystatechange = function(state) {                if (4 !== xhr.readyState) {                    return null;                }                if (xhr.status == 404 && options.maxTries > 1) {                    setTimeout(function(){                        options.maxTries--;                        request(url, onSuccess, onError, payload, options);                    }, 1000);                    return null;                }                if (200 === xhr.status) {                    (onSuccess || noop)(xhr);                } else {                    (onError || noop)(xhr);                }            };            xhr.send(payload || '');        };        var getPreference = function(name) {            if (!window.localStorage) {                return null;            }            return localStorage.getItem(profilerStorageKey + name);        };        var setPreference = function(name, value) {            if (!window.localStorage) {                return null;            }            localStorage.setItem(profilerStorageKey + name, value);        };        var requestStack = [];        var extractHeaders = function(xhr, stackElement) {            /* Here we avoid to call xhr.getResponseHeader in order to */            /* prevent polluting the console with CORS security errors */            var allHeaders = xhr.getAllResponseHeaders();            var ret;            if (ret = allHeaders.match(/^x-debug-token:\s+(.*)$/im)) {                stackElement.profile = ret[1];            }            if (ret = allHeaders.match(/^x-debug-token-link:\s+(.*)$/im)) {                stackElement.profilerUrl = ret[1];            }            if (ret = allHeaders.match(/^Symfony-Debug-Toolbar-Replace:\s+(.*)$/im)) {                stackElement.toolbarReplaceFinished = false;                stackElement.toolbarReplace = '1' === ret[1];            }        };        var successStreak = 4;        var pendingRequests = 0;        var renderAjaxRequests = function() {            var requestCounter = document.querySelector('.sf-toolbar-ajax-request-counter');            if (!requestCounter) {                return;            }            requestCounter.textContent = requestStack.length;            var infoSpan = document.querySelector(".sf-toolbar-ajax-info");            if (infoSpan) {                infoSpan.textContent = requestStack.length + ' AJAX request' + (requestStack.length !== 1 ? 's' : '');            }            var ajaxToolbarPanel = document.querySelector('.sf-toolbar-block-ajax');            if (requestStack.length) {                ajaxToolbarPanel.style.display = 'block';            } else {                ajaxToolbarPanel.style.display = 'none';            }            if (pendingRequests > 0) {                addClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else if (successStreak < 4) {                addClass(ajaxToolbarPanel, 'sf-toolbar-status-red');                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');            } else {                removeClass(ajaxToolbarPanel, 'sf-ajax-request-loading');                removeClass(ajaxToolbarPanel, 'sf-toolbar-status-red');            }        };        var startAjaxRequest = function(index) {            var tbody = document.querySelector('.sf-toolbar-ajax-request-list');            if (!tbody) {                return;            }            var nbOfAjaxRequest = tbody.rows.length;            if (nbOfAjaxRequest >= 100) {                tbody.deleteRow(0);            }            var request = requestStack[index];            pendingRequests++;            var row = document.createElement('tr');            request.DOMNode = row;            var requestNumberCell = document.createElement('td');            requestNumberCell.textContent = index + 1;            row.appendChild(requestNumberCell);            var profilerCell = document.createElement('td');            profilerCell.textContent = 'n/a';            row.appendChild(profilerCell);            var methodCell = document.createElement('td');            methodCell.textContent = request.method;            row.appendChild(methodCell);            var typeCell = document.createElement('td');            typeCell.textContent = request.type;            row.appendChild(typeCell);            var statusCodeCell = document.createElement('td');            var statusCode = document.createElement('span');            statusCode.textContent = 'n/a';            statusCodeCell.appendChild(statusCode);            row.appendChild(statusCodeCell);            var pathCell = document.createElement('td');            pathCell.className = 'sf-ajax-request-url';            if ('GET' === request.method) {                var pathLink = document.createElement('a');                pathLink.setAttribute('href', request.url);                pathLink.textContent = request.url;                pathCell.appendChild(pathLink);            } else {                pathCell.textContent = request.url;            }            pathCell.setAttribute('title', request.url);            row.appendChild(pathCell);            var durationCell = document.createElement('td');            durationCell.className = 'sf-ajax-request-duration';            durationCell.textContent = 'n/a';            row.appendChild(durationCell);            request.liveDurationHandle = setInterval(function() {                durationCell.textContent = (new Date() - request.start) + 'ms';            }, 100);            row.className = 'sf-ajax-request sf-ajax-request-loading';            tbody.insertBefore(row, null);            var toolbarInfo = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');            toolbarInfo.scrollTop = toolbarInfo.scrollHeight;            renderAjaxRequests();        };        var finishAjaxRequest = function(index) {            var request = requestStack[index];            clearInterval(request.liveDurationHandle);            if (!request.DOMNode) {                return;            }            if (request.toolbarReplace && !request.toolbarReplaceFinished && request.profile) {                /* Flag as complete because finishAjaxRequest can be called multiple times. */                request.toolbarReplaceFinished = true;                /* Search up through the DOM to find the toolbar's container ID. */                for (var elem = request.DOMNode; elem && elem !== document; elem = elem.parentNode) {                    if (elem.id.match(/^sfwdt/)) {                        Sfjs.loadToolbar(elem.id.replace(/^sfwdt/, ''), request.profile);                        break;                    }                }            }            pendingRequests--;            var row = request.DOMNode;            /* Unpack the children from the row */            var profilerCell = row.children[1];            var methodCell = row.children[2];            var statusCodeCell = row.children[4];            var statusCodeElem = statusCodeCell.children[0];            var durationCell = row.children[6];            if (request.error) {                row.className = 'sf-ajax-request sf-ajax-request-error';                methodCell.className = 'sf-ajax-request-error';                successStreak = 0;            } else {                row.className = 'sf-ajax-request sf-ajax-request-ok';                successStreak++;            }            if (request.statusCode) {                if (request.statusCode < 300) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status');                } else if (request.statusCode < 400) {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-yellow');                } else {                    statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');                }                statusCodeElem.textContent = request.statusCode;            } else {                statusCodeElem.setAttribute('class', 'sf-toolbar-status sf-toolbar-status-red');            }            if (request.duration) {                durationCell.textContent = request.duration + 'ms';            }            if (request.profilerUrl) {                profilerCell.textContent = '';                var profilerLink = document.createElement('a');                profilerLink.setAttribute('href', request.profilerUrl);                profilerLink.textContent = request.profile;                profilerCell.appendChild(profilerLink);            }            renderAjaxRequests();        };                    if (window.fetch && window.fetch.polyfill === undefined) {                var oldFetch = window.fetch;                window.fetch = function () {                    var promise = oldFetch.apply(this, arguments);                    var url = arguments[0];                    var params = arguments[1];                    var paramType = Object.prototype.toString.call(arguments[0]);                    if (paramType === '[object Request]') {                        url = arguments[0].url;                        params = {                            method: arguments[0].method,                            credentials: arguments[0].credentials,                            headers: arguments[0].headers,                            mode: arguments[0].mode,                            redirect: arguments[0].redirect                        };                    } else {                        url = String(url);                    }                    if (!url.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var method = 'GET';                        if (params && params.method !== undefined) {                            method = params.method;                        }                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'fetch',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        promise.then(function (r) {                            stackElement.duration = new Date() - stackElement.start;                            stackElement.error = r.status < 200 || r.status >= 400;                            stackElement.statusCode = r.status;                            stackElement.profile = r.headers.get('x-debug-token');                            stackElement.profilerUrl = r.headers.get('x-debug-token-link');                            stackElement.toolbarReplaceFinished = false;                            stackElement.toolbarReplace = '1' === r.headers.get('Symfony-Debug-Toolbar-Replace');                            finishAjaxRequest(idx);                        }, function (e){                            stackElement.error = true;                            finishAjaxRequest(idx);                        });                        startAjaxRequest(idx);                    }                    return promise;                };            }            if (window.XMLHttpRequest && XMLHttpRequest.prototype.addEventListener) {                var proxied = XMLHttpRequest.prototype.open;                XMLHttpRequest.prototype.open = function(method, url, async, user, pass) {                    var self = this;                    /* prevent logging AJAX calls to static and inline files, like templates */                    var path = url;                    if (url.substr(0, 1) === '/') {                        if (0 === url.indexOf('')) {                            path = url.substr(0);                        }                    }                    else if (0 === url.indexOf('http\u003A\/\/rackettrip.eyefiz.com')) {                        path = url.substr(28);                    }                    if (!path.match(new RegExp("^\/((index|app(_[\\w]+)?)\\.php\/)?_wdt"))) {                        var stackElement = {                            error: false,                            url: url,                            method: method,                            type: 'xhr',                            start: new Date()                        };                        var idx = requestStack.push(stackElement) - 1;                        this.addEventListener('readystatechange', function() {                            if (self.readyState == 4) {                                stackElement.duration = new Date() - stackElement.start;                                stackElement.error = self.status < 200 || self.status >= 400;                                stackElement.statusCode = self.status;                                extractHeaders(self, stackElement);                                finishAjaxRequest(idx);                            }                        }, false);                        startAjaxRequest(idx);                    }                    proxied.apply(this, Array.prototype.slice.call(arguments));                };            }                return {            hasClass: hasClass,            removeClass: removeClass,            addClass: addClass,            toggleClass: toggleClass,            getPreference: getPreference,            setPreference: setPreference,            addEventListener: addEventListener,            request: request,            renderAjaxRequests: renderAjaxRequests,            load: function(selector, url, onSuccess, onError, options) {                var el = document.getElementById(selector);                if (el && el.getAttribute('data-sfurl') !== url) {                    request(                        url,                        function(xhr) {                            el.innerHTML = xhr.responseText;                            el.setAttribute('data-sfurl', url);                            removeClass(el, 'loading');                            var pending = pendingRequests;                            for (var i = 0; i < requestStack.length; i++) {                                startAjaxRequest(i);                                if (requestStack[i].duration) {                                    finishAjaxRequest(i);                                }                            }                            /* Revert the pending state in case there was a start called without a finish above. */                            pendingRequests = pending;                            (onSuccess || noop)(xhr, el);                        },                        function(xhr) { (onError || noop)(xhr, el); },                        '',                        options                    );                }                return this;            },            loadToolbar: function(token, newToken) {                newToken = (newToken || token);                this.load(                    'sfwdt' + token,                    'http\u003A\/\/rackettrip.eyefiz.com\/_wdt\/xxxxxx'.replace(/xxxxxx/, newToken),                    function(xhr, el) {                        /* Evaluate in global scope scripts embedded inside the toolbar */                        var i, scripts = [].slice.call(el.querySelectorAll('script'));                        for (i = 0; i < scripts.length; ++i) {                            eval.call({}, scripts[i].firstChild.nodeValue);                        }                        el.style.display = -1 !== xhr.responseText.indexOf('sf-toolbarreset') ? 'block' : 'none';                        if (el.style.display == 'none') {                            return;                        }                        if (getPreference('toolbar/displayState') == 'none') {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                        } else {                            document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                            document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'none';                        }                        /* Handle toolbar-info position */                        var toolbarBlocks = [].slice.call(el.querySelectorAll('.sf-toolbar-block'));                        for (i = 0; i < toolbarBlocks.length; ++i) {                            toolbarBlocks[i].onmouseover = function () {                                var toolbarInfo = this.querySelectorAll('.sf-toolbar-info')[0];                                var pageWidth = document.body.clientWidth;                                var elementWidth = toolbarInfo.offsetWidth;                                var leftValue = (elementWidth + this.offsetLeft) - pageWidth;                                var rightValue = (elementWidth + (pageWidth - this.offsetLeft)) - pageWidth;                                /* Reset right and left value, useful on window resize */                                toolbarInfo.style.right = '';                                toolbarInfo.style.left = '';                                if (elementWidth > pageWidth) {                                    toolbarInfo.style.left = 0;                                }                                else if (leftValue > 0 && rightValue > 0) {                                    toolbarInfo.style.right = (rightValue * -1) + 'px';                                } else if (leftValue < 0) {                                    toolbarInfo.style.left = 0;                                } else {                                    toolbarInfo.style.right = '0px';                                }                            };                        }                        var hideButton = document.getElementById('sfToolbarHideButton-' + newToken);                        var hideButtonSvg = hideButton.querySelector('svg');                        hideButtonSvg.setAttribute('aria-hidden', 'true');                        hideButtonSvg.setAttribute('focusable', 'false');                        addEventListener(hideButton, 'click', function (event) {                            event.preventDefault();                            var p = this.parentNode;                            p.style.display = 'none';                            (p.previousElementSibling || p.previousSibling).style.display = 'none';                            document.getElementById('sfMiniToolbar-' + newToken).style.display = 'block';                            setPreference('toolbar/displayState', 'none');                        });                        var showButton = document.getElementById('sfToolbarMiniToggler-' + newToken);                        var showButtonSvg = showButton.querySelector('svg');                        showButtonSvg.setAttribute('aria-hidden', 'true');                        showButtonSvg.setAttribute('focusable', 'false');                        addEventListener(showButton, 'click', function (event) {                            event.preventDefault();                            var elem = this.parentNode;                            if (elem.style.display == 'none') {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'none';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'none';                                elem.style.display = 'block';                            } else {                                document.getElementById('sfToolbarMainContent-' + newToken).style.display = 'block';                                document.getElementById('sfToolbarClearer-' + newToken).style.display = 'block';                                elem.style.display = 'none'                            }                            setPreference('toolbar/displayState', 'block');                        });                        renderAjaxRequests();                        addEventListener(document.querySelector('.sf-toolbar-ajax-clear'), 'click', function() {                            requestStack = [];                            renderAjaxRequests();                            successStreak = 4;                            document.querySelector('.sf-toolbar-ajax-request-list').innerHTML = '';                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax'), 'mouseenter', function (event) {                            var elem = document.querySelector('.sf-toolbar-block-ajax .sf-toolbar-info');                            elem.scrollTop = elem.scrollHeight;                        });                        addEventListener(document.querySelector('.sf-toolbar-block-ajax > .sf-toolbar-icon'), 'click', function (event) {                            event.preventDefault();                            toggleClass(this.parentNode, 'hover');                        });                        var dumpInfo = document.querySelector('.sf-toolbar-block-dump .sf-toolbar-info');                        if (null !== dumpInfo) {                            addEventListener(dumpInfo, 'sfbeforedumpcollapse', function () {                                dumpInfo.style.minHeight = dumpInfo.getBoundingClientRect().height+'px';                            });                            addEventListener(dumpInfo, 'mouseleave', function () {                                dumpInfo.style.minHeight = '';                            });                        }                    },                    function(xhr) {                        if (xhr.status !== 0) {                            var sfwdt = document.getElementById('sfwdt' + token);                            sfwdt.innerHTML = '\                                <div class="sf-toolbarreset">\                                    <div class="sf-toolbar-icon"><svg width="26" height="28" xmlns="http://www.w3.org/2000/svg" version="1.1" x="0px" y="0px" viewBox="0 0 26 28" enable-background="new 0 0 26 28" xml:space="preserve"><path fill="#FFFFFF" d="M13 0C5.8 0 0 5.8 0 13c0 7.2 5.8 13 13 13c7.2 0 13-5.8 13-13C26 5.8 20.2 0 13 0z M20 7.5 c-0.6 0-1-0.3-1-0.9c0-0.2 0-0.4 0.2-0.6c0.1-0.3 0.2-0.3 0.2-0.4c0-0.3-0.5-0.4-0.7-0.4c-2 0.1-2.5 2.7-2.9 4.8l-0.2 1.1 c1.1 0.2 1.9 0 2.4-0.3c0.6-0.4-0.2-0.8-0.1-1.3C18 9.2 18.4 9 18.7 8.9c0.5 0 0.8 0.5 0.8 1c0 0.8-1.1 2-3.3 1.9 c-0.3 0-0.5 0-0.7-0.1L15 14.1c-0.4 1.7-0.9 4.1-2.6 6.2c-1.5 1.8-3.1 2.1-3.8 2.1c-1.3 0-2.1-0.6-2.2-1.6c0-0.9 0.8-1.4 1.3-1.4 c0.7 0 1.2 0.5 1.2 1.1c0 0.5-0.2 0.6-0.4 0.7c-0.1 0.1-0.3 0.2-0.3 0.4c0 0.1 0.1 0.3 0.4 0.3c0.5 0 0.9-0.3 1.2-0.5 c1.3-1 1.7-2.9 2.4-6.2l0.1-0.8c0.2-1.1 0.5-2.3 0.8-3.5c-0.9-0.7-1.4-1.5-2.6-1.8c-0.8-0.2-1.3 0-1.7 0.4C8.4 10 8.6 10.7 9 11.1 l0.7 0.7c0.8 0.9 1.3 1.7 1.1 2.7c-0.3 1.6-2.1 2.8-4.3 2.1c-1.9-0.6-2.2-1.9-2-2.7c0.2-0.6 0.7-0.8 1.2-0.6 c0.5 0.2 0.7 0.8 0.6 1.3c0 0.1 0 0.1-0.1 0.3C6 15 5.9 15.2 5.9 15.3c-0.1 0.4 0.4 0.7 0.8 0.8c0.8 0.3 1.7-0.2 1.9-0.9 c0.2-0.6-0.2-1.1-0.4-1.2l-0.8-0.9c-0.4-0.4-1.2-1.5-0.8-2.8c0.2-0.5 0.5-1 0.9-1.4c1-0.7 2-0.8 3-0.6c1.3 0.4 1.9 1.2 2.8 1.9 c0.5-1.3 1.1-2.6 2-3.8c0.9-1 2-1.7 3.3-1.8C20 4.8 21 5.4 21 6.3C21 6.7 20.8 7.5 20 7.5z"/></svg></div>\                                    An error occurred while loading the web debug toolbar. <a href="http\u003A\/\/rackettrip.eyefiz.com\/_profiler\/' + newToken + '>Open the web profiler.</a>\                                </div>\                            ';                            sfwdt.setAttribute('class', 'sf-toolbar sf-error-toolbar');                        }                    },                    { maxTries: 5 }                );                return this;            },            toggle: function(selector, elOn, elOff) {                var tmp = elOn.style.display,                    el = document.getElementById(selector);                elOn.style.display = elOff.style.display;                elOff.style.display = tmp;                if (el) {                    el.style.display = 'none' === tmp ? 'none' : 'block';                }                return this;            },            createTabs: function() {                var tabGroups = document.querySelectorAll('.sf-tabs:not([data-processed=true])');                /* create the tab navigation for each group of tabs */                for (var i = 0; i < tabGroups.length; i++) {                    var tabs = tabGroups[i].querySelectorAll(':scope > .tab');                    var tabNavigation = document.createElement('ul');                    tabNavigation.className = 'tab-navigation';                    var selectedTabId = 'tab-' + i + '-0'; /* select the first tab by default */                    for (var j = 0; j < tabs.length; j++) {                        var tabId = 'tab-' + i + '-' + j;                        var tabTitle = tabs[j].querySelector('.tab-title').innerHTML;                        var tabNavigationItem = document.createElement('li');                        tabNavigationItem.setAttribute('data-tab-id', tabId);                        if (hasClass(tabs[j], 'active')) { selectedTabId = tabId; }                        if (hasClass(tabs[j], 'disabled')) { addClass(tabNavigationItem, 'disabled'); }                        tabNavigationItem.innerHTML = tabTitle;                        tabNavigation.appendChild(tabNavigationItem);                        var tabContent = tabs[j].querySelector('.tab-content');                        tabContent.parentElement.setAttribute('id', tabId);                    }                    tabGroups[i].insertBefore(tabNavigation, tabGroups[i].firstChild);                    addClass(document.querySelector('[data-tab-id="' + selectedTabId + '"]'), 'active');                }                /* display the active tab and add the 'click' event listeners */                for (i = 0; i < tabGroups.length; i++) {                    tabNavigation = tabGroups[i].querySelectorAll(':scope > .tab-navigation li');                    for (j = 0; j < tabNavigation.length; j++) {                        tabId = tabNavigation[j].getAttribute('data-tab-id');                        document.getElementById(tabId).querySelector('.tab-title').className = 'hidden';                        if (hasClass(tabNavigation[j], 'active')) {                            document.getElementById(tabId).className = 'block';                        } else {                            document.getElementById(tabId).className = 'hidden';                        }                        tabNavigation[j].addEventListener('click', function(e) {                            var activeTab = e.target || e.srcElement;                            /* needed because when the tab contains HTML contents, user can click */                            /* on any of those elements instead of their parent '<li>' element */                            while (activeTab.tagName.toLowerCase() !== 'li') {                                activeTab = activeTab.parentNode;                            }                            /* get the full list of tabs through the parent of the active tab element */                            var tabNavigation = activeTab.parentNode.children;                            for (var k = 0; k < tabNavigation.length; k++) {                                var tabId = tabNavigation[k].getAttribute('data-tab-id');                                document.getElementById(tabId).className = 'hidden';                                removeClass(tabNavigation[k], 'active');                            }                            addClass(activeTab, 'active');                            var activeTabId = activeTab.getAttribute('data-tab-id');                            document.getElementById(activeTabId).className = 'block';                        });                    }                    tabGroups[i].setAttribute('data-processed', 'true');                }            },            createToggles: function() {                var toggles = document.querySelectorAll('.sf-toggle:not([data-processed=true])');                for (var i = 0; i < toggles.length; i++) {                    var elementSelector = toggles[i].getAttribute('data-toggle-selector');                    var element = document.querySelector(elementSelector);                    addClass(element, 'sf-toggle-content');                    if (toggles[i].hasAttribute('data-toggle-initial') && toggles[i].getAttribute('data-toggle-initial') == 'display') {                        addClass(toggles[i], 'sf-toggle-on');                        addClass(element, 'sf-toggle-visible');                    } else {                        addClass(toggles[i], 'sf-toggle-off');                        addClass(element, 'sf-toggle-hidden');                    }                    addEventListener(toggles[i], 'click', function(e) {                        e.preventDefault();                        if ('' !== window.getSelection().toString()) {                            /* Don't do anything on text selection */                            return;                        }                        var toggle = e.target || e.srcElement;                        /* needed because when the toggle contains HTML contents, user can click */                        /* on any of those elements instead of their parent '.sf-toggle' element */                        while (!hasClass(toggle, 'sf-toggle')) {                            toggle = toggle.parentNode;                        }                        var element = document.querySelector(toggle.getAttribute('data-toggle-selector'));                        toggleClass(toggle, 'sf-toggle-on');                        toggleClass(toggle, 'sf-toggle-off');                        toggleClass(element, 'sf-toggle-hidden');                        toggleClass(element, 'sf-toggle-visible');                        /* the toggle doesn't change its contents when clicking on it */                        if (!toggle.hasAttribute('data-toggle-alt-content')) {                            return;                        }                        if (!toggle.hasAttribute('data-toggle-original-content')) {                            toggle.setAttribute('data-toggle-original-content', toggle.innerHTML);                        }                        var currentContent = toggle.innerHTML;                        var originalContent = toggle.getAttribute('data-toggle-original-content');                        var altContent = toggle.getAttribute('data-toggle-alt-content');                        toggle.innerHTML = currentContent !== altContent ? altContent : originalContent;                    });                    /* Prevents from disallowing clicks on links inside toggles */                    var toggleLinks = toggles[i].querySelectorAll('a');                    for (var j = 0; j < toggleLinks.length; j++) {                        addEventListener(toggleLinks[j], 'click', function(e) {                            e.stopPropagation();                        });                    }                    toggles[i].setAttribute('data-processed', 'true');                }            },            createFilters: function() {                document.querySelectorAll('[data-filters] [data-filter]').forEach(function (filter) {                    var filters = filter.closest('[data-filters]'),                        type = 'choice',                        name = filter.dataset.filter,                        ucName = name.charAt(0).toUpperCase()+name.slice(1),                        list = document.createElement('ul'),                        values = filters.dataset['filter'+ucName] || filters.querySelectorAll('[data-filter-'+name+']'),                        labels = {},                        defaults = null,                        indexed = {},                        processed = {};                    if (typeof values === 'string') {                        type = 'level';                        labels = values.split(',');                        values = values.toLowerCase().split(',');                        defaults = values.length - 1;                    }                    addClass(list, 'filter-list');                    addClass(list, 'filter-list-'+type);                    values.forEach(function (value, i) {                        if (value instanceof HTMLElement) {                            value = value.dataset['filter'+ucName];                        }                        if (value in processed) {                            return;                        }                        var option = document.createElement('li'),                            label = i in labels ? labels[i] : value,                            active = false,                            matches;                        if ('' === label) {                            option.innerHTML = '<em>(none)</em>';                        } else {                            option.innerText = label;                        }                        option.dataset.filter = value;                        option.setAttribute('title', 1 === (matches = filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').length) ? 'Matches 1 row' : 'Matches '+matches+' rows');                        indexed[value] = i;                        list.appendChild(option);                        addEventListener(option, 'click', function () {                            if ('choice' === type) {                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (option.dataset.filter === row.dataset['filter'+ucName]) {                                        toggleClass(row, 'filter-hidden-'+name);                                    }                                });                                toggleClass(option, 'active');                            } else if ('level' === type) {                                if (i === this.parentNode.querySelectorAll('.active').length - 1) {                                    return;                                }                                this.parentNode.querySelectorAll('li').forEach(function (currentOption, j) {                                    if (j <= i) {                                        addClass(currentOption, 'active');                                        if (i === j) {                                            addClass(currentOption, 'last-active');                                        } else {                                            removeClass(currentOption, 'last-active');                                        }                                    } else {                                        removeClass(currentOption, 'active');                                        removeClass(currentOption, 'last-active');                                    }                                });                                filters.querySelectorAll('[data-filter-'+name+']').forEach(function (row) {                                    if (i < indexed[row.dataset['filter'+ucName]]) {                                        addClass(row, 'filter-hidden-'+name);                                    } else {                                        removeClass(row, 'filter-hidden-'+name);                                    }                                });                            }                        });                        if ('choice' === type) {                            active = null === defaults || 0 <= defaults.indexOf(value);                        } else if ('level' === type) {                            active = i <= defaults;                            if (active && i === defaults) {                                addClass(option, 'last-active');                            }                        }                        if (active) {                            addClass(option, 'active');                        } else {                            filters.querySelectorAll('[data-filter-'+name+'="'+value+'"]').forEach(function (row) {                                toggleClass(row, 'filter-hidden-'+name);                            });                        }                        processed[value] = true;                    });                    if (1 < list.childNodes.length) {                        filter.appendChild(list);                        filter.dataset.filtered = '';                    }                });            }        };    })();    Sfjs.addEventListener(document, 'DOMContentLoaded', function() {        Sfjs.createTabs();        Sfjs.createToggles();    });/*]]>*/</script><style nonce="94f03894ebc6a64825838c98fb6fe3a1">    .sf-minitoolbar {    background-color: #222;    border-top-left-radius: 4px;    bottom: 0;    box-sizing: border-box;    display: none;    height: 36px;    padding: 6px;    position: fixed;    right: 0;    z-index: 99999;}.sf-minitoolbar button {    background-color: transparent;    padding: 0;    border: none;}.sf-minitoolbar svg,.sf-minitoolbar img {    max-height: 24px;    max-width: 24px;    display: inline;}.sf-toolbar-clearer {    clear: both;    height: 36px;}.sf-display-none {    display: none;}.sf-toolbarreset * {    box-sizing: content-box;    vertical-align: baseline;    letter-spacing: normal;    width: auto;}.sf-toolbarreset {    background-color: #222;    bottom: 0;    box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);    color: #EEE;    font: 11px Arial, sans-serif;    left: 0;    margin: 0;    padding: 0 36px 0 0;    position: fixed;    right: 0;    text-align: left;    text-transform: none;    z-index: 99999;    direction: ltr;    /* neutralize the aliasing defined by external CSS styles */    -webkit-font-smoothing: subpixel-antialiased;    -moz-osx-font-smoothing: auto;}.sf-toolbarreset abbr {    border: dashed #777;    border-width: 0 0 1px;}.sf-toolbarreset svg,.sf-toolbarreset img {    height: 20px;    width: 20px;    display: inline-block;}.sf-toolbarreset .hide-button {    background: #444;    display: block;    position: absolute;    top: 0;    right: 0;    width: 36px;    height: 36px;    cursor: pointer;    text-align: center;    border: none;    margin: 0;    padding: 0;}.sf-toolbarreset .hide-button svg {    max-height: 18px;    margin-top: 1px;}.sf-toolbar-block {    cursor: default;    display: block;    float: left;    height: 36px;    margin-right: 0;    white-space: nowrap;    max-width: 15%;}.sf-toolbar-block > a,.sf-toolbar-block > a:hover {    display: block;    text-decoration: none;    color: inherit;}.sf-toolbar-block span {    display: inline-block;}.sf-toolbar-block .sf-toolbar-value {    color: #F5F5F5;    font-size: 13px;    line-height: 36px;    padding: 0;}.sf-toolbar-block .sf-toolbar-label,.sf-toolbar-block .sf-toolbar-class-separator {    color: #AAA;    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    border-collapse: collapse;    display: table;    z-index: 100000;}.sf-toolbar-block hr {    border-top: 1px solid #777;    margin: 4px 0;    padding-top: 4px;}.sf-toolbar-block .sf-toolbar-info-piece {    /* this 'border-bottom' trick is needed because 'margin-bottom' doesn't work for table rows */    border-bottom: solid transparent 3px;    display: table-row;}.sf-toolbar-block .sf-toolbar-info-piece-additional,.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    display: none;}.sf-toolbar-block .sf-toolbar-info-group {    margin-bottom: 4px;    padding-bottom: 2px;    border-bottom: 1px solid #333333;}.sf-toolbar-block .sf-toolbar-info-group:last-child {    margin-bottom: 0;    padding-bottom: 0;    border-bottom: none;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status {    padding: 2px 5px;    margin-bottom: 0;}.sf-toolbar-block .sf-toolbar-info-piece .sf-toolbar-status + .sf-toolbar-status {    margin-left: 4px;}.sf-toolbar-block .sf-toolbar-info-piece:last-child {    margin-bottom: 0;}div.sf-toolbar .sf-toolbar-block .sf-toolbar-info-piece a {    color: #99CDD8;    text-decoration: underline;}div.sf-toolbar .sf-toolbar-block a:hover {    text-decoration: none;}.sf-toolbar-block .sf-toolbar-info-piece b {    color: #AAA;    display: table-cell;    font-size: 11px;    padding: 4px 8px 4px 0;}.sf-toolbar-block:not(.sf-toolbar-block-dump) .sf-toolbar-info-piece span {    color: #F5F5F5;}.sf-toolbar-block .sf-toolbar-info-piece span {    font-size: 12px;}.sf-toolbar-block .sf-toolbar-info {    background-color: #444;    bottom: 36px;    color: #F5F5F5;    display: none;    padding: 9px 0;    position: absolute;}.sf-toolbar-block .sf-toolbar-info:empty {    visibility: hidden;}.sf-toolbar-block .sf-toolbar-status {    display: inline-block;    color: #FFF;    background-color: #666;    padding: 3px 6px;    margin-bottom: 2px;    vertical-align: middle;    min-width: 15px;    min-height: 13px;    text-align: center;}.sf-toolbar-block .sf-toolbar-status-green {    background-color: #4F805D;}.sf-toolbar-block .sf-toolbar-status-red {    background-color: #B0413E;}.sf-toolbar-block .sf-toolbar-status-yellow {    background-color: #A46A1F;}.sf-toolbar-block.sf-toolbar-status-green {    background-color: #4F805D;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-red {    background-color: #B0413E;    color: #FFF;}.sf-toolbar-block.sf-toolbar-status-yellow {    background-color: #A46A1F;    color: #FFF;}.sf-toolbar-block-request .sf-toolbar-status {    color: #FFF;    display: inline-block;    font-size: 14px;    height: 36px;    line-height: 36px;    padding: 0 10px;}.sf-toolbar-block-request .sf-toolbar-info-piece a {    text-decoration: none;}.sf-toolbar-block-request .sf-toolbar-info-piece a:hover {    text-decoration: underline;}.sf-toolbar-block-request .sf-toolbar-redirection-status {    font-weight: normal;    padding: 2px 4px;    line-height: 18px;}.sf-toolbar-block-request .sf-toolbar-info-piece span.sf-toolbar-redirection-method {    font-size: 12px;    height: 17px;    line-height: 17px;    margin-right: 5px;}.sf-toolbar-block-ajax .sf-toolbar-icon {    cursor: pointer;}.sf-toolbar-status-green .sf-toolbar-label,.sf-toolbar-status-yellow .sf-toolbar-label,.sf-toolbar-status-red .sf-toolbar-label {    color: #FFF;}.sf-toolbar-status-green svg path,.sf-toolbar-status-green svg .sf-svg-path,.sf-toolbar-status-red svg path,.sf-toolbar-status-red svg .sf-svg-path,.sf-toolbar-status-yellow svg path,.sf-toolbar-status-yellow svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block-config svg path,.sf-toolbar-block-config svg .sf-svg-path {    fill: #FFF;}.sf-toolbar-block .sf-toolbar-icon {    display: block;    height: 36px;    padding: 0 7px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-block-request .sf-toolbar-icon {    padding-left: 0;    padding-right: 0;}.sf-toolbar-block .sf-toolbar-icon img,.sf-toolbar-block .sf-toolbar-icon svg {    border-width: 0;    position: relative;    top: 8px;    vertical-align: baseline;}.sf-toolbar-block .sf-toolbar-icon img + span,.sf-toolbar-block .sf-toolbar-icon svg + span {    margin-left: 4px;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-value {    margin-left: 4px;}.sf-toolbar-block:hover,.sf-toolbar-block.hover {    position: relative;}.sf-toolbar-block:hover .sf-toolbar-icon,.sf-toolbar-block.hover .sf-toolbar-icon {    background-color: #444;    position: relative;    z-index: 10002;}.sf-toolbar-block-ajax.hover .sf-toolbar-info {    z-index: 10001;}.sf-toolbar-block:hover .sf-toolbar-info,.sf-toolbar-block.hover .sf-toolbar-info {    display: block;    padding: 10px;    max-width: 480px;    max-height: 480px;    word-wrap: break-word;    overflow: hidden;    overflow-y: auto;}.sf-toolbar-info-piece b.sf-toolbar-ajax-info {    color: #F5F5F5;}.sf-toolbar-ajax-requests {    table-layout: auto;    width: 100%;}.sf-toolbar-ajax-requests td {    background-color: #444;    border-bottom: 1px solid #777;    color: #F5F5F5;    font-size: 12px;    padding: 4px;}.sf-toolbar-ajax-requests tr:last-child td {    border-bottom: 0;}.sf-toolbar-ajax-requests th {    background-color: #222;    border-bottom: 0;    color: #AAA;    font-size: 11px;    padding: 4px;}.sf-ajax-request-url {    max-width: 250px;    line-height: 9px;    overflow: hidden;    text-overflow: ellipsis;}.sf-toolbar-ajax-requests .sf-ajax-request-url a {    text-decoration: none;}.sf-toolbar-ajax-requests .sf-ajax-request-url a:hover {    text-decoration: underline;}.sf-ajax-request-duration {    text-align: right;}.sf-ajax-request-loading {    animation: sf-blink .5s ease-in-out infinite;}@keyframes sf-blink {    0% { background: #222; }    50% { background: #444; }    100% { background: #222; }}.sf-toolbar-block.sf-toolbar-block-dump .sf-toolbar-info {    max-width: none;    width: 100%;    position: fixed;    box-sizing: border-box;    left: 0;}.sf-toolbar-block-dump pre.sf-dump {    background-color: #222;    border-color: #777;    border-radius: 0;    margin: 6px 0 12px 0;}.sf-toolbar-block-dump pre.sf-dump:last-child {    margin-bottom: 0;}.sf-toolbar-block-dump pre.sf-dump .sf-dump-search-wrapper {    margin-bottom: 5px;}.sf-toolbar-block-dump pre.sf-dump span.sf-dump-search-count {    color: #333;    font-size: 12px;}.sf-toolbar-block-dump .sf-toolbar-info-piece {    display: block;}.sf-toolbar-block-dump .sf-toolbar-info-piece .sf-toolbar-file-line {    color: #AAA;    margin-left: 4px;}.sf-toolbar-block-dump .sf-toolbar-info img {    display: none;}/* Responsive Design */.sf-toolbar-icon .sf-toolbar-label,.sf-toolbar-icon .sf-toolbar-value {    display: none;}.sf-toolbar-block-config .sf-toolbar-icon .sf-toolbar-label {    display: inline-block;}/* Legacy Design - these styles are maintained to make old panels look   a bit better on the new toolbar */.sf-toolbar-block .sf-toolbar-info-piece-additional-detail {    color: #AAA;    font-size: 12px;}.sf-toolbar-status-green .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-yellow .sf-toolbar-info-piece-additional-detail,.sf-toolbar-status-red .sf-toolbar-info-piece-additional-detail {    color: #FFF;}@media (min-width: 768px) {    .sf-toolbar-icon .sf-toolbar-label,    .sf-toolbar-icon .sf-toolbar-value {        display: inline;    }    .sf-toolbar-block .sf-toolbar-icon img,    .sf-toolbar-block .sf-toolbar-icon svg {        top: 6px;    }    .sf-toolbar-block-time .sf-toolbar-icon svg,    .sf-toolbar-block-memory .sf-toolbar-icon svg {        display: none;    }    .sf-toolbar-block-time .sf-toolbar-icon svg + span,    .sf-toolbar-block-memory .sf-toolbar-icon svg + span {        margin-left: 0;    }    .sf-toolbar-block .sf-toolbar-icon {        padding: 0 10px;    }    .sf-toolbar-block-time .sf-toolbar-icon {        padding-right: 5px;    }    .sf-toolbar-block-memory .sf-toolbar-icon {        padding-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon {        padding-left: 0;        padding-right: 0;    }    .sf-toolbar-block-request .sf-toolbar-label {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-status + svg {        margin-left: 5px;    }    .sf-toolbar-block-request .sf-toolbar-icon svg + .sf-toolbar-label {        margin-left: 0;     }    .sf-toolbar-block-request .sf-toolbar-label + .sf-toolbar-value {        margin-right: 10px;    }    .sf-toolbar-block-request:hover .sf-toolbar-info {        max-width: none;    }    .sf-toolbar-block .sf-toolbar-info-piece b {        font-size: 12px;    }    .sf-toolbar-block .sf-toolbar-info-piece span {        font-size: 13px;    }    .sf-toolbar-block-right {        float: right;        margin-left: 0;        margin-right: 0;    }}@media (min-width: 1024px) {    .sf-toolbar-block .sf-toolbar-info-piece-additional,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail {        display: inline;    }    .sf-toolbar-block .sf-toolbar-info-piece-additional:empty,    .sf-toolbar-block .sf-toolbar-info-piece-additional-detail:empty {        display: none;    }}/***** Error Toolbar *****/.sf-error-toolbar .sf-toolbarreset {    background: #222;    color: #f5f5f5;    font: 13px/36px Arial, sans-serif;    height: 36px;    padding: 0 15px;    text-align: left;}.sf-error-toolbar .sf-toolbarreset svg {    height: auto;}.sf-error-toolbar .sf-toolbarreset a {    color: #99cdd8;    margin-left: 5px;    text-decoration: underline;}.sf-error-toolbar .sf-toolbarreset a:hover {    text-decoration: none;}.sf-error-toolbar .sf-toolbarreset .sf-toolbar-icon {    float: left;    padding: 5px 0;    margin-right: 10px;}/***** Media query print: Do not print the Toolbar. *****/@media print {    .sf-toolbar {        display: none !important;    }}</style><script nonce="82ac318ae5ba858f1b3e2e2b20d93bc3">/*<![CDATA[*/    (function () {        Sfjs.loadToolbar('560a95');    })();/*]]>*/</script>
</body>
</html>