{"id":9,"date":"2026-02-06T15:50:10","date_gmt":"2026-02-06T15:50:10","guid":{"rendered":"http:\/\/chauffeur-event-strasbourg.fr\/?page_id=9"},"modified":"2026-02-16T19:34:39","modified_gmt":"2026-02-16T19:34:39","slug":"home","status":"publish","type":"page","link":"https:\/\/chauffeur-event-strasbourg.fr\/","title":{"rendered":"Home"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n Transport \u00c9v\u00e9nementiel Strasbourg | Gestion Compl\u00e8te FJ13 - Congr\u00e8s & S\u00e9minaires<\/title>\n <meta name=\"description\" content=\"FJ13 : Transport \u00e9v\u00e9nementiel premium \u00e0 Strasbourg. Coordination compl\u00e8te pour congr\u00e8s, s\u00e9minaires, galas. Flotte 40+ v\u00e9hicules, chauffeurs professionnels. Devis gratuit sous 2h.\">\n <meta name=\"keywords\" content=\"transport \u00e9v\u00e9nementiel Strasbourg, VTC \u00e9v\u00e9nement, chauffeur priv\u00e9 congr\u00e8s, navette s\u00e9minaire, transport corporate, coordination \u00e9v\u00e9nementielle, chauffeur professionnel Grand Est\">\n <meta name=\"author\" content=\"FJ13 Transport\">\n <meta name=\"robots\" content=\"index, follow\">\n <meta name=\"language\" content=\"FR\">\n <meta name=\"geo.region\" content=\"FR-67\">\n <meta name=\"geo.placename\" content=\"Strasbourg\">\n <meta name=\"geo.position\" content=\"48.5734;7.7521\">\n <meta name=\"ICBM\" content=\"48.5734, 7.7521\">\n \n <!-- Open Graph -->\n <meta property=\"og:type\" content=\"website\">\n <meta property=\"og:url\" content=\"https:\/\/fj13.fr\/evenementiel\">\n <meta property=\"og:title\" content=\"Transport \u00c9v\u00e9nementiel Strasbourg | FJ13 - Solution Compl\u00e8te\">\n <meta property=\"og:description\" content=\"Coordination compl\u00e8te de transport pour congr\u00e8s, s\u00e9minaires et \u00e9v\u00e9nements corporate. Flotte premium 40+ v\u00e9hicules, disponible 24\/7.\">\n <meta property=\"og:image\" content=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-1.jpg\">\n <meta property=\"og:locale\" content=\"fr_FR\">\n \n <!-- Twitter Card -->\n <meta name=\"twitter:card\" content=\"summary_large_image\">\n <meta name=\"twitter:title\" content=\"Transport \u00c9v\u00e9nementiel Strasbourg | FJ13\">\n <meta name=\"twitter:description\" content=\"Coordination compl\u00e8te de transport pour vos \u00e9v\u00e9nements professionnels. Flotte premium 40+ v\u00e9hicules.\">\n <meta name=\"twitter:image\" content=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-1.jpg\">\n \n <link rel=\"canonical\" href=\"https:\/\/fj13.fr\/evenementiel\">\n \n <link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n <link rel=\"preconnect\" href=\"https:\/\/fonts.gstatic.com\" crossorigin>\n <link href=\"https:\/\/fonts.googleapis.com\/css2?family=Montserrat:wght@300;400;500;600;700&family=Quicksand:wght@300;400;500;600;700&display=swap\" rel=\"stylesheet\">\n \n <!-- Schema.org -->\n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"TransportationCompany\",\n \"name\": \"FJ13 Transport\",\n \"description\": \"Transport \u00e9v\u00e9nementiel premium et coordination compl\u00e8te pour \u00e9v\u00e9nements professionnels \u00e0 Strasbourg\",\n \"url\": \"https:\/\/fj13.fr\",\n \"telephone\": \"+33374472887\",\n \"email\": \"contact@fj13.fr\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"addressLocality\": \"Strasbourg\",\n \"postalCode\": \"67000\",\n \"addressRegion\": \"Grand Est\",\n \"addressCountry\": \"FR\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": \"48.5734\",\n \"longitude\": \"7.7521\"\n },\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\"Monday\", \"Tuesday\", \"Wednesday\", \"Thursday\", \"Friday\", \"Saturday\", \"Sunday\"],\n \"opens\": \"00:00\",\n \"closes\": \"23:59\"\n },\n \"priceRange\": \"\u20ac\u20ac\u20ac\",\n \"aggregateRating\": {\n \"@type\": \"AggregateRating\",\n \"ratingValue\": \"4.9\",\n \"reviewCount\": \"200\"\n }\n }\n <\/script>\n \n <style>\n * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n body {\n font-family: 'Montserrat', sans-serif;\n background: #0a0a0a;\n color: #1a1a1a;\n overflow-x: hidden;\n }\n\n \/* Navigation Menu *\/\n .main-nav {\n position: fixed;\n top: 0;\n left: 0;\n right: 0;\n background: rgba(10, 10, 10, 0.95);\n backdrop-filter: blur(10px);\n z-index: 1000;\n border-bottom: 1px solid rgba(221, 214, 205, 0.1);\n transition: all 0.3s ease;\n }\n\n .main-nav.scrolled {\n background: rgba(10, 10, 10, 0.98);\n box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);\n }\n\n .nav-container {\n max-width: 80%;\n margin: 0 auto;\n padding: 0 40px;\n display: flex;\n justify-content: space-between;\n align-items: center;\n height: 80px;\n }\n\n @media (min-width: 1920px) {\n .nav-container {\n max-width: 1536px; \/* 80% of 1920px *\/\n }\n }\n\n .nav-logo {\n font-family: 'Quicksand', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: #ffffff;\n text-decoration: none;\n letter-spacing: -0.5px;\n }\n\n .nav-logo span {\n color: #ddd6cd;\n }\n\n .nav-menu {\n display: flex;\n gap: 40px;\n list-style: none;\n align-items: center;\n }\n\n .nav-menu a {\n color: rgba(255, 255, 255, 0.85);\n text-decoration: none;\n font-size: 14px;\n font-weight: 500;\n letter-spacing: 0.3px;\n transition: all 0.3s ease;\n position: relative;\n padding: 8px 0;\n }\n\n .nav-menu a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background: #ddd6cd;\n transition: width 0.3s ease;\n }\n\n .nav-menu a:hover {\n color: #ddd6cd;\n }\n\n .nav-menu a:hover::after {\n width: 100%;\n }\n\n .nav-cta {\n display: flex;\n gap: 16px;\n align-items: center;\n margin-left: 24px;\n }\n\n .nav-phone {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 20px;\n background: transparent;\n border: 1px solid rgba(221, 214, 205, 0.3);\n border-radius: 50px;\n color: #ffffff;\n text-decoration: none;\n font-size: 13px;\n font-weight: 600;\n white-space: nowrap;\n transition: all 0.3s ease;\n }\n\n .nav-phone:hover {\n background: rgba(221, 214, 205, 0.1);\n border-color: #ddd6cd;\n }\n\n .nav-devis {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 10px 24px;\n background: linear-gradient(135deg, #c9beb3 0%, #ddd6cd 100%);\n border-radius: 50px;\n color: #0a0a0a;\n text-decoration: none;\n font-size: 13px;\n font-weight: 700;\n white-space: nowrap;\n transition: all 0.3s ease;\n box-shadow: 0 4px 12px rgba(221, 214, 205, 0.2);\n }\n\n .nav-devis:hover {\n transform: translateY(-2px);\n box-shadow: 0 6px 20px rgba(221, 214, 205, 0.3);\n }\n\n \/* Mobile Menu Toggle *\/\n .menu-toggle {\n display: none;\n flex-direction: column;\n gap: 6px;\n background: transparent;\n border: none;\n cursor: pointer;\n padding: 8px;\n }\n\n .menu-toggle span {\n width: 28px;\n height: 2px;\n background: #ffffff;\n transition: all 0.3s ease;\n }\n\n .menu-toggle.active span:nth-child(1) {\n transform: rotate(45deg) translate(8px, 8px);\n }\n\n .menu-toggle.active span:nth-child(2) {\n opacity: 0;\n }\n\n .menu-toggle.active span:nth-child(3) {\n transform: rotate(-45deg) translate(7px, -7px);\n }\n\n \/* Mobile Menu *\/\n @media (max-width: 1024px) {\n .nav-container {\n padding: 0 20px;\n }\n\n .menu-toggle {\n display: flex;\n }\n\n .nav-menu {\n position: fixed;\n top: 80px;\n left: 0;\n right: 0;\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(20px);\n flex-direction: column;\n gap: 0;\n padding: 20px 0 100px;\n transform: translateX(-100%);\n transition: transform 0.3s ease;\n border-bottom: 1px solid rgba(221, 214, 205, 0.1);\n overflow-y: auto;\n max-height: calc(100vh - 80px);\n }\n\n .nav-menu.active {\n transform: translateX(0);\n }\n\n .nav-menu li {\n width: 100%;\n border-bottom: 1px solid rgba(255, 255, 255, 0.05);\n }\n\n .nav-menu a {\n display: block;\n padding: 16px 20px;\n font-size: 16px;\n }\n\n .nav-menu a::after {\n display: none;\n }\n\n .nav-cta {\n position: fixed;\n bottom: 0;\n left: 0;\n right: 0;\n background: rgba(10, 10, 10, 0.98);\n backdrop-filter: blur(20px);\n flex-direction: column;\n width: 100%;\n padding: 16px 20px;\n gap: 12px;\n margin-left: 0;\n border-top: 1px solid rgba(221, 214, 205, 0.2);\n z-index: 1001;\n transform: translateX(-100%);\n transition: transform 0.3s ease;\n }\n\n .nav-menu.active ~ .nav-cta {\n transform: translateX(0);\n }\n\n .nav-phone,\n .nav-devis {\n width: 100%;\n justify-content: center;\n padding: 14px 24px;\n }\n }\n\n \/* Offset for fixed nav *\/\n .hero-section {\n margin-top: 80px;\n }\n\n \/* Hero Section *\/\n .hero-section {\n background: linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 100%);\n padding: 120px 0 100px;\n position: relative;\n overflow: hidden;\n width: 100%;\n }\n\n .hero-section::after {\n content: '';\n position: absolute;\n top: -10%;\n left: -5%;\n width: 500px;\n height: 500px;\n background: radial-gradient(circle, rgba(221,214,205,0.08) 0%, transparent 70%);\n border-radius: 50%;\n animation: float 20s ease-in-out infinite;\n }\n\n @keyframes float {\n 0%, 100% { transform: translate(0, 0) rotate(0deg); }\n 33% { transform: translate(50px, -30px) rotate(120deg); }\n 66% { transform: translate(-30px, 50px) rotate(240deg); }\n }\n\n .hero-container {\n max-width: 80%;\n margin: 0 auto;\n position: relative;\n z-index: 1;\n padding: 0 40px;\n }\n\n @media (min-width: 1920px) {\n .hero-container {\n max-width: 1536px; \/* 80% of 1920px *\/\n }\n }\n\n .hero-content {\n text-align: center;\n width: 100%;\n margin: 0 auto;\n }\n\n .hero-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n background: rgba(221,214,205,0.1);\n border: 1px solid rgba(221,214,205,0.3);\n padding: 8px 20px;\n border-radius: 30px;\n margin-bottom: 28px;\n }\n\n .hero-badge-dot {\n width: 6px;\n height: 6px;\n background: #ddd6cd;\n border-radius: 50%;\n animation: pulse 2s ease-in-out infinite;\n }\n\n @keyframes pulse {\n 0%, 100% { opacity: 1; transform: scale(1); }\n 50% { opacity: 0.5; transform: scale(1.3); }\n }\n\n .hero-badge-text {\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 3px;\n color: #ddd6cd;\n text-transform: uppercase;\n }\n\n .hero-title {\n font-family: 'Quicksand', sans-serif;\n font-size: 64px;\n font-weight: 300;\n color: #ffffff;\n line-height: 1.15;\n letter-spacing: -2px;\n margin-bottom: 24px;\n }\n\n .hero-title strong {\n font-weight: 600;\n color: #ddd6cd;\n }\n\n .hero-subtitle {\n font-size: 17px;\n font-weight: 400;\n color: rgba(255,255,255,0.85);\n line-height: 1.75;\n width: 100%;\n margin: 0 auto 40px;\n }\n\n .hero-cta-group {\n display: flex;\n gap: 16px;\n justify-content: center;\n flex-wrap: wrap;\n margin-bottom: 60px;\n }\n\n .btn {\n display: inline-flex;\n align-items: center;\n gap: 10px;\n padding: 18px 44px;\n border-radius: 50px;\n font-size: 13px;\n font-weight: 700;\n letter-spacing: 1.5px;\n text-transform: uppercase;\n text-decoration: none;\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .btn-primary {\n background: linear-gradient(135deg, #c9beb3 0%, #ddd6cd 100%);\n color: #ffffff;\n box-shadow: 0 8px 30px rgba(201,190,179,0.35);\n }\n\n .btn-primary::before {\n content: '';\n position: absolute;\n top: 50%;\n left: 50%;\n width: 0;\n height: 0;\n border-radius: 50%;\n background: rgba(255,255,255,0.25);\n transform: translate(-50%, -50%);\n transition: width 0.6s ease, height 0.6s ease;\n }\n\n .btn-primary:hover::before {\n width: 300px;\n height: 300px;\n }\n\n .btn-primary:hover {\n transform: translateY(-4px);\n box-shadow: 0 16px 48px rgba(201,190,179,0.45);\n }\n\n .btn-secondary {\n background: transparent;\n color: #ffffff;\n border: 2px solid rgba(255,255,255,0.3);\n }\n\n .btn-secondary:hover {\n border-color: #ddd6cd;\n background: rgba(221,214,205,0.1);\n transform: translateY(-2px);\n }\n\n .btn span {\n position: relative;\n z-index: 1;\n }\n\n \/* Stats Bar *\/\n .stats-bar {\n display: flex;\n justify-content: center;\n gap: 60px;\n flex-wrap: wrap;\n margin-top: 80px;\n }\n\n .stat-item {\n text-align: center;\n }\n\n .stat-number {\n font-family: 'Quicksand', sans-serif;\n font-size: 48px;\n font-weight: 700;\n color: #ddd6cd;\n line-height: 1;\n margin-bottom: 8px;\n }\n\n .stat-label {\n font-size: 12px;\n font-weight: 600;\n color: rgba(255,255,255,0.7);\n text-transform: uppercase;\n letter-spacing: 2px;\n }\n\n \/* Content Section *\/\n .content-section {\n padding: 100px 0;\n width: 100%;\n background: #ffffff;\n margin: 0;\n }\n\n .content-section.grey {\n background: #f5f5f3;\n }\n\n .section-container {\n max-width: 80%;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n @media (min-width: 1920px) {\n .section-container {\n max-width: 1536px; \/* 80% of 1920px *\/\n }\n }\n\n .section-header {\n text-align: center;\n width: 100%; padding: 0 20px;\n margin: 0 auto 80px;\n }\n\n .section-badge {\n display: inline-block;\n font-size: 11px;\n font-weight: 600;\n letter-spacing: 2.5px;\n color: #ddd6cd;\n text-transform: uppercase;\n margin-bottom: 16px;\n }\n\n .section-title {\n font-family: 'Quicksand', sans-serif;\n font-size: 48px;\n font-weight: 600;\n color: #0a0a0a;\n line-height: 1.2;\n letter-spacing: -1.5px;\n margin-bottom: 20px;\n }\n\n .section-title em {\n font-style: normal;\n color: #8a7a5a;\n }\n\n .section-description {\n font-size: 16px;\n font-weight: 400;\n color: #555555;\n line-height: 1.75;\n }\n\n \/* Value Grid *\/\n .value-grid {\n display: grid;\n grid-template-columns: repeat(6, 1fr);\n gap: 32px;\n }\n\n \/* First 3 cards span 2 columns each (3 cards on first row) *\/\n .value-card:nth-child(1),\n .value-card:nth-child(2),\n .value-card:nth-child(3) {\n grid-column: span 2;\n }\n\n \/* Last 2 cards centered on second row *\/\n .value-card:nth-child(4) {\n grid-column: 2 \/ 4;\n }\n\n .value-card:nth-child(5) {\n grid-column: 4 \/ 6;\n }\n\n .value-card {\n background: #ffffff;\n padding: 40px 32px;\n border-radius: 20px;\n text-align: center;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .value-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, #ddd6cd, transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .value-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 24px 60px rgba(221,214,205,0.2);\n }\n\n .value-card:hover::before {\n opacity: 1;\n }\n\n .value-icon {\n width: 56px;\n height: 56px;\n margin: 0 auto 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(221,214,205,0.08) 0%, rgba(221,214,205,0.15) 100%);\n border-radius: 50%;\n transition: all 0.4s ease;\n }\n\n .value-icon svg {\n width: 28px;\n height: 28px;\n stroke: #ddd6cd;\n stroke-width: 1.5;\n fill: none;\n }\n\n .value-card:hover .value-icon {\n background: linear-gradient(135deg, rgba(221,214,205,0.15) 0%, rgba(221,214,205,0.25) 100%);\n transform: scale(1.1);\n }\n\n .value-card h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 22px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 12px;\n letter-spacing: -0.3px;\n }\n\n .value-card p {\n font-size: 14.5px;\n color: #555555;\n line-height: 1.75;\n }\n\n \/* Event Masonry *\/\n .event-masonry {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n }\n\n .event-card {\n background: #ffffff;\n border-radius: 24px;\n overflow: hidden;\n position: relative;\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n }\n\n .event-card:hover {\n transform: translateY(-12px);\n box-shadow: 0 24px 60px rgba(221,214,205,0.2);\n }\n\n .event-visual {\n position: relative;\n width: 100%;\n aspect-ratio: 16 \/ 10;\n overflow: hidden;\n background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);\n }\n\n .event-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: all 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .event-card:hover .event-visual img {\n transform: scale(1.08) rotate(1deg);\n }\n\n .event-visual::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.6) 100%);\n opacity: 0.8;\n transition: opacity 0.4s ease;\n }\n\n .event-card:hover .event-visual::after {\n opacity: 0.4;\n }\n\n .event-number {\n position: absolute;\n top: 24px;\n left: 24px;\n z-index: 2;\n width: 52px;\n height: 52px;\n background: rgba(255,255,255,0.95);\n backdrop-filter: blur(10px);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Quicksand', sans-serif;\n font-size: 18px;\n font-weight: 700;\n color: #ddd6cd;\n box-shadow: 0 4px 20px rgba(221,214,205,0.3);\n transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .event-card:hover .event-number {\n transform: scale(1.1) rotate(360deg);\n box-shadow: 0 6px 30px rgba(221,214,205,0.5);\n }\n\n\n\n .event-body {\n padding: 36px 32px 40px;\n position: relative;\n }\n\n .event-body::before {\n content: '';\n position: absolute;\n top: 0;\n left: 32px;\n right: 32px;\n height: 2px;\n background: linear-gradient(90deg, transparent, #ddd6cd, transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .event-card:hover .event-body::before {\n opacity: 1;\n }\n\n .event-category {\n font-size: 10px;\n font-weight: 700;\n letter-spacing: 2.5px;\n color: #ddd6cd;\n text-transform: uppercase;\n margin-bottom: 12px;\n }\n\n .event-title {\n font-family: 'Quicksand', sans-serif;\n font-size: 24px;\n font-weight: 600;\n color: #0a0a0a;\n line-height: 1.3;\n letter-spacing: -0.5px;\n margin-bottom: 14px;\n }\n\n .event-description {\n font-size: 14.5px;\n font-weight: 400;\n color: #555555;\n line-height: 1.75;\n margin-bottom: 20px;\n }\n\n .event-tags {\n display: flex;\n flex-wrap: wrap;\n gap: 8px;\n }\n\n .event-tag {\n font-size: 11px;\n font-weight: 600;\n color: #c9beb3;\n background: rgba(221,214,205,0.10);\n padding: 6px 14px;\n border-radius: 16px;\n border: 1px solid rgba(221,214,205,0.20);\n transition: all 0.3s ease;\n }\n\n .event-tag:hover {\n background: rgba(221,214,205,0.18);\n border-color: rgba(221,214,205,0.35);\n transform: translateY(-2px);\n }\n\n \/* Process Steps *\/\n .process-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n }\n\n .process-step {\n text-align: center;\n padding: 40px 24px;\n background: #ffffff;\n border-radius: 20px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .process-step:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(221,214,205,0.15);\n }\n\n .step-number {\n width: 70px;\n height: 70px;\n border-radius: 50%;\n background: linear-gradient(135deg, #c9beb3 0%, #ddd6cd 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: 'Quicksand', sans-serif;\n font-size: 32px;\n font-weight: 700;\n color: #ffffff;\n margin: 0 auto 24px;\n box-shadow: 0 8px 24px rgba(201,190,179,0.3);\n transition: all 0.4s ease;\n }\n\n .process-step:hover .step-number {\n transform: scale(1.1) rotate(360deg);\n }\n\n .process-step h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 20px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 12px;\n letter-spacing: -0.3px;\n }\n\n .process-step p {\n font-size: 14.5px;\n color: #555555;\n line-height: 1.75;\n }\n\n \/* Fleet Grid *\/\n .fleet-grid {\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 50px;\n max-width: 100%;\n margin: 0 auto;\n }\n\n .fleet-item {\n background: #ffffff;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .fleet-item:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(221,214,205,0.15);\n }\n\n .fleet-visual {\n height: 240px;\n background: linear-gradient(135deg, #f0f0f0 0%, #e0e0e0 100%);\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n overflow: hidden;\n }\n\n .fleet-visual img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n position: relative;\n z-index: 1;\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .fleet-item:hover .fleet-visual img {\n transform: scale(1.1);\n }\n\n .fleet-visual svg {\n width: 64px;\n height: 64px;\n stroke: #ddd6cd;\n stroke-width: 1.5;\n fill: none;\n position: relative;\n z-index: 2;\n }\n\n .fleet-visual::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 40%, rgba(10,10,10,0.2) 100%);\n z-index: 1;\n }\n\n .fleet-info {\n padding: 28px 24px;\n }\n\n .fleet-info h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 20px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 8px;\n letter-spacing: -0.3px;\n }\n\n .fleet-capacity {\n font-size: 13px;\n color: #999999;\n margin-bottom: 12px;\n }\n\n .fleet-description {\n font-size: 14px;\n color: #555555;\n line-height: 1.7;\n }\n\n \/* FAQ *\/\n .faq-container {\n max-width: 900px;\n margin: 0 auto;\n }\n\n .faq-item {\n background: #ffffff;\n margin-bottom: 16px;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 2px 16px rgba(0,0,0,0.05);\n transition: all 0.3s ease;\n }\n\n .faq-item:hover {\n box-shadow: 0 4px 24px rgba(221,214,205,0.15);\n }\n\n .faq-question {\n padding: 24px 28px;\n cursor: pointer;\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-family: 'Quicksand', sans-serif;\n font-size: 16px;\n font-weight: 600;\n color: #0a0a0a;\n transition: all 0.3s ease;\n }\n\n .faq-question:hover {\n color: #8a7a5a;\n }\n\n .faq-question::after {\n content: '+';\n font-size: 28px;\n color: #ddd6cd;\n font-weight: 300;\n transition: transform 0.3s ease;\n }\n\n .faq-item.active .faq-question::after {\n transform: rotate(45deg);\n }\n\n .faq-answer {\n max-height: 0;\n overflow: hidden;\n transition: max-height 0.4s ease;\n }\n\n .faq-answer-content {\n padding: 0 28px 24px;\n color: #555555;\n line-height: 1.75;\n font-size: 14.5px;\n }\n\n .faq-item.active .faq-answer {\n max-height: 500px;\n }\n\n \/* Booking Iframe *\/\n .booking-wrapper {\n max-width: 1000px;\n padding: 0 40px;\n margin: 0 auto;\n }\n\n .iframe-responsive {\n background: transparent;\n border-radius: 0;\n box-shadow: none;\n }\n\n \/* Image Gallery *\/\n .gallery-grid {\n display: grid;\n grid-template-columns: 2fr 1fr;\n gap: 24px;\n width: 100%;\n margin: 0 auto;\n }\n\n .gallery-item {\n position: relative;\n border-radius: 20px;\n overflow: hidden;\n box-shadow: 0 4px 24px rgba(0,0,0,0.08);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n aspect-ratio: 16 \/ 10;\n }\n\n .gallery-item.large {\n aspect-ratio: 16 \/ 11;\n }\n\n .gallery-item:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(221,214,205,0.2);\n }\n\n .gallery-item img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .gallery-item:hover img {\n transform: scale(1.08);\n }\n\n .gallery-item::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 60%, rgba(10,10,10,0.3) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .gallery-item:hover::after {\n opacity: 1;\n }\n\n \/* Photo Gallery - Masonry Style *\/\n .photo-gallery {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 24px;\n grid-auto-flow: dense;\n }\n\n .gallery-item-photo {\n position: relative;\n border-radius: 16px;\n overflow: hidden;\n box-shadow: 0 4px 20px rgba(0,0,0,0.1);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n background: #f0f0f0;\n }\n\n .gallery-item-photo.large {\n grid-column: span 2;\n grid-row: span 2;\n }\n\n .gallery-item-photo.wide {\n grid-column: span 2;\n grid-row: span 1;\n }\n\n .gallery-item-photo.tall {\n grid-column: span 1;\n grid-row: span 2;\n }\n\n .gallery-item-photo:hover {\n transform: translateY(-6px);\n box-shadow: 0 16px 40px rgba(221,214,205,0.35);\n z-index: 10;\n }\n\n .gallery-item-photo img {\n width: 100%;\n height: 100%;\n object-fit: cover;\n display: block;\n transition: transform 0.7s cubic-bezier(0.4, 0, 0.2, 1);\n min-height: 300px;\n }\n\n .gallery-item-photo.large img,\n .gallery-item-photo.tall img {\n min-height: 450px;\n }\n\n .gallery-item-photo.wide img {\n min-height: 280px;\n }\n\n .gallery-item-photo:hover img {\n transform: scale(1.08);\n }\n\n .gallery-item-photo::after {\n content: '';\n position: absolute;\n inset: 0;\n background: linear-gradient(180deg, transparent 50%, rgba(10,10,10,0.5) 100%);\n opacity: 0;\n transition: opacity 0.4s ease;\n pointer-events: none;\n }\n\n .gallery-item-photo:hover::after {\n opacity: 1;\n }\n\n .gallery-caption {\n position: absolute;\n bottom: 0;\n left: 0;\n right: 0;\n padding: 16px 20px;\n background: linear-gradient(180deg, transparent 0%, rgba(10,10,10,0.85) 100%);\n color: #ffffff;\n font-size: 14px;\n font-weight: 600;\n text-align: center;\n transform: translateY(100%);\n transition: transform 0.4s ease;\n }\n\n .gallery-item-photo:hover .gallery-caption {\n transform: translateY(0);\n }\n\n \/* Benefits Grid *\/\n .benefits-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 32px;\n max-width: 100%;\n }\n\n \/* All cards span 1 column each - natural 3x2 grid *\/\n .benefit-card {\n grid-column: span 1;\n }\n\n .benefit-card {\n background: #ffffff;\n padding: 36px 28px;\n border-radius: 20px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n position: relative;\n overflow: hidden;\n }\n\n .benefit-card::before {\n content: '';\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n height: 3px;\n background: linear-gradient(90deg, transparent, #ddd6cd, transparent);\n opacity: 0;\n transition: opacity 0.4s ease;\n }\n\n .benefit-card:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(221,214,205,0.15);\n }\n\n .benefit-card:hover::before {\n opacity: 1;\n }\n\n .benefit-icon {\n width: 56px;\n height: 56px;\n margin-bottom: 20px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(221,214,205,0.08) 0%, rgba(221,214,205,0.15) 100%);\n border-radius: 50%;\n transition: all 0.4s ease;\n }\n\n .benefit-icon svg {\n width: 26px;\n height: 26px;\n stroke: #ddd6cd;\n stroke-width: 1.5;\n fill: none;\n }\n\n .benefit-card:hover .benefit-icon {\n background: linear-gradient(135deg, rgba(221,214,205,0.15) 0%, rgba(221,214,205,0.25) 100%);\n transform: scale(1.1);\n }\n\n .benefit-card h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 20px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 12px;\n letter-spacing: -0.3px;\n }\n\n .benefit-card p {\n font-size: 14.5px;\n color: #555555;\n line-height: 1.75;\n }\n\n \/* Partner Section *\/\n .partner-content {\n width: 100%;\n margin: 0 auto;\n }\n\n .partner-grid {\n display: grid;\n grid-template-columns: repeat(4, 1fr);\n gap: 32px;\n }\n\n .partner-feature {\n text-align: center;\n padding: 40px 28px;\n background: #ffffff;\n border-radius: 20px;\n box-shadow: 0 4px 24px rgba(0,0,0,0.06);\n transition: all 0.5s cubic-bezier(0.4, 0, 0.2, 1);\n }\n\n .partner-feature:hover {\n transform: translateY(-8px);\n box-shadow: 0 20px 50px rgba(221,214,205,0.15);\n }\n\n .partner-feature-icon {\n width: 64px;\n height: 64px;\n margin: 0 auto 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, #c9beb3 0%, #ddd6cd 100%);\n border-radius: 50%;\n box-shadow: 0 8px 24px rgba(201,190,179,0.3);\n transition: all 0.4s ease;\n }\n\n .partner-feature-icon svg {\n width: 30px;\n height: 30px;\n stroke: #ffffff;\n stroke-width: 1.5;\n fill: none;\n }\n\n .partner-feature:hover .partner-feature-icon {\n transform: scale(1.1) rotate(360deg);\n }\n\n .partner-feature h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 20px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 14px;\n letter-spacing: -0.3px;\n }\n\n .partner-feature p {\n font-size: 14.5px;\n color: #555555;\n line-height: 1.75;\n }\n\n \/* Trust & Security Section *\/\n .trust-section {\n padding: 60px 0;\n background: #ffffff;\n border-top: 1px solid rgba(221,214,205,0.2);\n border-bottom: 1px solid rgba(221,214,205,0.2);\n }\n\n .trust-grid {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n gap: 40px;\n }\n\n .trust-block {\n background: #fafaf8;\n padding: 32px 28px;\n border-radius: 16px;\n border: 1px solid rgba(221,214,205,0.2);\n }\n\n .trust-block h3 {\n font-family: 'Quicksand', sans-serif;\n font-size: 18px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 24px;\n text-align: center;\n }\n\n \/* Trust Numbers *\/\n .trust-stats {\n display: flex;\n flex-direction: column;\n gap: 20px;\n }\n\n .trust-stat-item {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 12px;\n background: #ffffff;\n border-radius: 12px;\n transition: all 0.3s ease;\n }\n\n .trust-stat-item:hover {\n transform: translateX(4px);\n box-shadow: 0 4px 12px rgba(221,214,205,0.2);\n }\n\n .trust-stat-icon {\n width: 48px;\n height: 48px;\n flex-shrink: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n background: linear-gradient(135deg, rgba(221,214,205,0.1) 0%, rgba(221,214,205,0.2) 100%);\n border-radius: 12px;\n }\n\n .trust-stat-icon svg {\n width: 24px;\n height: 24px;\n stroke: #ddd6cd;\n stroke-width: 2;\n fill: none;\n }\n\n .trust-stat-content {\n display: flex;\n flex-direction: column;\n gap: 2px;\n }\n\n .trust-stat-content strong {\n font-family: 'Quicksand', sans-serif;\n font-size: 28px;\n font-weight: 700;\n color: #ddd6cd;\n line-height: 1;\n }\n\n .trust-stat-content span {\n font-size: 13px;\n color: #666666;\n font-weight: 500;\n }\n\n \/* Security Badges *\/\n .trust-badges {\n display: flex;\n flex-direction: column;\n gap: 16px;\n }\n\n .trust-badge {\n display: flex;\n align-items: center;\n gap: 16px;\n padding: 16px;\n background: #ffffff;\n border-radius: 12px;\n border: 2px solid rgba(221,214,205,0.2);\n transition: all 0.3s ease;\n }\n\n .trust-badge:hover {\n border-color: #ddd6cd;\n box-shadow: 0 4px 12px rgba(221,214,205,0.2);\n }\n\n .trust-badge svg {\n width: 32px;\n height: 32px;\n stroke: #ddd6cd;\n stroke-width: 2;\n fill: none;\n flex-shrink: 0;\n }\n\n .trust-badge span {\n font-size: 13px;\n font-weight: 600;\n color: #333333;\n line-height: 1.4;\n }\n\n \/* Guarantees List *\/\n .trust-list {\n display: flex;\n flex-direction: column;\n gap: 14px;\n }\n\n .trust-list-item {\n display: flex;\n align-items: center;\n gap: 12px;\n padding: 10px 12px;\n background: #ffffff;\n border-radius: 8px;\n transition: all 0.3s ease;\n }\n\n .trust-list-item:hover {\n transform: translateX(4px);\n background: rgba(221,214,205,0.1);\n }\n\n .trust-list-item svg {\n width: 20px;\n height: 20px;\n stroke: #ddd6cd;\n stroke-width: 3;\n fill: none;\n flex-shrink: 0;\n }\n\n .trust-list-item span {\n font-size: 14px;\n color: #333333;\n font-weight: 500;\n line-height: 1.75;\n }\n\n \/* CTA Footer *\/\n .cta-footer {\n background: #f5f5f3;\n padding: 90px 0 110px;\n text-align: center;\n width: 100%;\n }\n\n .cta-content {\n max-width: 800px;\n margin: 0 auto;\n padding: 0 40px;\n }\n\n .cta-title {\n font-family: 'Quicksand', sans-serif;\n font-size: 42px;\n font-weight: 600;\n color: #0a0a0a;\n line-height: 1.3;\n letter-spacing: -1px;\n margin-bottom: 20px;\n }\n\n .cta-description {\n font-size: 16px;\n font-weight: 400;\n color: #555555;\n line-height: 1.75;\n margin-bottom: 40px;\n }\n\n .cta-footer .btn span {\n white-space: nowrap;\n }\n\n .reassurance-grid {\n display: flex;\n justify-content: center;\n gap: 48px;\n margin-top: 48px;\n flex-wrap: wrap;\n }\n\n .reassurance-item {\n text-align: center;\n }\n\n .reassurance-item strong {\n display: block;\n font-size: 18px;\n font-weight: 600;\n color: #0a0a0a;\n margin-bottom: 4px;\n }\n\n .reassurance-item span {\n font-size: 13px;\n color: #777777;\n }\n\n \/* Animations *\/\n @keyframes fadeInScale {\n from {\n opacity: 0;\n transform: scale(0.95) translateY(30px);\n }\n to {\n opacity: 1;\n transform: scale(1) translateY(0);\n }\n }\n\n .hero-content {\n animation: fadeInScale 1s ease-out backwards;\n }\n\n .fade-in {\n opacity: 0;\n transform: translateY(30px);\n transition: opacity 0.6s ease, transform 0.6s ease;\n }\n\n .fade-in.visible {\n opacity: 1;\n transform: translateY(0);\n }\n\n \/* Responsive *\/\n @media (max-width: 1200px) {\n .section-container {\n max-width: 90%;\n padding: 0 30px;\n }\n\n .nav-container {\n max-width: 100%;\n padding: 0 20px;\n }\n\n .hero-container {\n max-width: 90%;\n }\n\n .event-masonry {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 900px) {\n .section-container {\n max-width: 95%;\n padding: 0 24px;\n }\n\n .hero-container {\n max-width: 95%;\n }\n\n .hero-section {\n padding: 90px 20px 80px;\n }\n\n .hero-title {\n font-size: 48px;\n }\n\n .event-masonry {\n grid-template-columns: 1fr;\n }\n\n .gallery-grid {\n grid-template-columns: 1fr;\n }\n\n .gallery-item.large {\n aspect-ratio: 16 \/ 10;\n }\n\n .photo-gallery {\n grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));\n }\n\n .gallery-item-photo.large,\n .gallery-item-photo.wide {\n grid-column: span 1;\n }\n\n .gallery-item-photo.tall {\n grid-row: span 1;\n }\n\n .trust-grid {\n grid-template-columns: 1fr;\n gap: 24px;\n }\n\n .booking-wrapper iframe {\n min-height: 600px;\n }\n\n .benefits-image-grid {\n grid-template-columns: repeat(2, 1fr) !important;\n }\n\n .value-hero-image img {\n height: 300px !important;\n }\n\n .process-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .value-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .value-card:nth-child(1),\n .value-card:nth-child(2),\n .value-card:nth-child(3),\n .value-card:nth-child(4),\n .value-card:nth-child(5) {\n grid-column: auto;\n }\n\n .benefits-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n\n .benefit-card:nth-child(5),\n .benefit-card:nth-child(6) {\n grid-column: auto;\n }\n\n .partner-grid {\n grid-template-columns: repeat(2, 1fr);\n }\n }\n\n @media (max-width: 640px) {\n .section-container {\n max-width: 100%;\n padding: 0 20px;\n }\n\n .hero-container {\n max-width: 100%;\n padding: 0 20px;\n }\n\n .nav-container {\n max-width: 100%;\n padding: 0 20px;\n }\n\n .hero-section {\n padding: 70px 16px 60px;\n }\n\n .hero-title {\n font-size: 36px;\n letter-spacing: -1px;\n }\n\n .section-title {\n font-size: 36px;\n }\n\n .fleet-grid {\n grid-template-columns: 1fr;\n }\n\n .process-grid {\n grid-template-columns: 1fr;\n }\n\n .value-grid {\n grid-template-columns: 1fr;\n }\n\n .value-card:nth-child(1),\n .value-card:nth-child(2),\n .value-card:nth-child(3),\n .value-card:nth-child(4),\n .value-card:nth-child(5) {\n grid-column: auto;\n }\n\n .benefits-grid {\n grid-template-columns: 1fr;\n }\n\n .benefit-card:nth-child(5),\n .benefit-card:nth-child(6) {\n grid-column: auto;\n }\n\n .partner-grid {\n grid-template-columns: 1fr;\n }\n\n .booking-wrapper {\n padding: 0 16px;\n }\n\n .booking-wrapper iframe {\n min-height: 650px;\n border-radius: 16px;\n }\n\n .cta-title {\n font-size: 32px;\n }\n\n .benefits-image-grid {\n grid-template-columns: 1fr !important;\n }\n\n .value-hero-image img {\n height: 250px !important;\n }\n }\n <\/style>\n<\/head>\n<body>\n\n <!-- Navigation Menu -->\n <nav class=\"main-nav\" id=\"mainNav\">\n <div class=\"nav-container\">\n <a href=\"#hero\" class=\"nav-logo\">FJ<span>13<\/span><\/a>\n \n <button class=\"menu-toggle\" id=\"menuToggle\" aria-label=\"Toggle menu\">\n <span><\/span>\n <span><\/span>\n <span><\/span>\n <\/button>\n\n <ul class=\"nav-menu\" id=\"navMenu\">\n <li><a href=\"#services\">Services<\/a><\/li>\n <li><a href=\"#processus\">Processus<\/a><\/li>\n <li><a href=\"#avantages\">Avantages<\/a><\/li>\n <li><a href=\"#flotte\">Flotte<\/a><\/li>\n <li><a href=\"#faq\">FAQ<\/a><\/li>\n <li><a href=\"#contact\">R\u00e9servation<\/a><\/li>\n <\/ul>\n \n <div class=\"nav-cta\">\n <a href=\"tel:0374472887\" class=\"nav-phone\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\" style=\"width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;\">\n <path d=\"M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72 12.84 12.84 0 0 0 .7 2.81 2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45 12.84 12.84 0 0 0 2.81.7A2 2 0 0 1 22 16.92z\"\/>\n <\/svg>\n 03 74 47 28 87\n <\/a>\n <a href=\"mailto:contact@fj13.fr\" class=\"nav-devis\">Devis gratuit<\/a>\n <\/div>\n <\/div>\n <\/nav>\n\n <!-- Hero Section -->\n <section class=\"hero-section\" id=\"hero\">\n <div class=\"hero-container\">\n <div class=\"hero-content\">\n <div class=\"hero-badge\">\n <span class=\"hero-badge-dot\"><\/span>\n <span class=\"hero-badge-text\">Transport \u00e9v\u00e9nementiel<\/span>\n <\/div>\n <h1 class=\"hero-title\">\n Gestion des transports \u00e9v\u00e9nementiels<br>\n <strong>r\u00e9invent\u00e9e pour vous<\/strong>\n <\/h1>\n <p class=\"hero-subtitle\">\n FJ13 se sp\u00e9cialise dans la fourniture de solutions de transport sur mesure pour tous types d'\u00e9v\u00e9nements \u00e0 Strasbourg et ses alentours. D'une personne \u00e0 plusieurs centaines de participants, nous assurons la logistique compl\u00e8te avec confort, ponctualit\u00e9 et \u00e9l\u00e9gance garantis.\n <\/p>\n <div class=\"hero-cta-group\">\n <a href=\"mailto:contact@fj13.fr\" class=\"btn btn-primary\">\n <span>Demander un devis<\/span>\n <\/a>\n <a href=\"tel:0374472887\" class=\"btn btn-secondary\">\n <span>03 74 47 28 87<\/span>\n <\/a>\n <\/div>\n\n <div class=\"stats-bar\">\n <div class=\"stat-item\">\n <div class=\"stat-number\">40+<\/div>\n <div class=\"stat-label\">V\u00e9hicules<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">24\/7<\/div>\n <div class=\"stat-label\">Disponibilit\u00e9<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">2019<\/div>\n <div class=\"stat-label\">Depuis<\/div>\n <\/div>\n <div class=\"stat-item\">\n <div class=\"stat-number\">100%<\/div>\n <div class=\"stat-label\">B2B<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Trust & Security Section -->\n <section class=\"trust-section\">\n <div class=\"section-container\">\n <div class=\"trust-grid\">\n <!-- Key Numbers -->\n <div class=\"trust-block trust-numbers\">\n <h3>Chiffres cl\u00e9s<\/h3>\n <div class=\"trust-stats\">\n <div class=\"trust-stat-item\">\n <div class=\"trust-stat-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <path d=\"M12 6v6l4 2\"\/>\n <path d=\"M16.24 7.76l-1.5 1.5\"\/>\n <\/svg>\n <\/div>\n <div class=\"trust-stat-content\">\n <strong>200+<\/strong>\n <span>\u00c9v\u00e9nements r\u00e9alis\u00e9s<\/span>\n <\/div>\n <\/div>\n <div class=\"trust-stat-item\">\n <div class=\"trust-stat-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polygon points=\"12 2 15.09 8.26 22 9.27 17 14.14 18.18 21.02 12 17.77 5.82 21.02 7 14.14 2 9.27 8.91 8.26 12 2\"\/>\n <\/svg>\n <\/div>\n <div class=\"trust-stat-content\">\n <strong>98%<\/strong>\n <span>Taux de satisfaction<\/span>\n <\/div>\n <\/div>\n <div class=\"trust-stat-item\">\n <div class=\"trust-stat-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <div class=\"trust-stat-content\">\n <strong>+40<\/strong>\n <span>Chauffeurs professionnels<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Security Badges -->\n <div class=\"trust-block trust-security\">\n <h3>S\u00e9curit\u00e9 & Confidentialit\u00e9<\/h3>\n <div class=\"trust-badges\">\n <div class=\"trust-badge\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/svg>\n <span>Paiement<br>s\u00e9curis\u00e9<\/span>\n <\/div>\n <div class=\"trust-badge\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <span>Donn\u00e9es<br>prot\u00e9g\u00e9es<\/span>\n <\/div>\n <div class=\"trust-badge\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n <span>Conformit\u00e9<br>RGPD<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <!-- Guarantees -->\n <div class=\"trust-block trust-guarantees\">\n <h3>Nos garanties<\/h3>\n <div class=\"trust-list\">\n <div class=\"trust-list-item\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <span>Chauffeurs v\u00e9rifi\u00e9s & form\u00e9s<\/span>\n <\/div>\n <div class=\"trust-list-item\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <span>Assurance RC Pro compl\u00e8te<\/span>\n <\/div>\n <div class=\"trust-list-item\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <span>Licence VTC en r\u00e8gle<\/span>\n <\/div>\n <div class=\"trust-list-item\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <span>V\u00e9hicules contr\u00f4l\u00e9s r\u00e9guli\u00e8rement<\/span>\n <\/div>\n <div class=\"trust-list-item\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"20 6 9 17 4 12\"\/>\n <\/svg>\n <span>Facturation transparente<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Value Section -->\n <section class=\"content-section\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Nos atouts<\/div>\n <h2 class=\"section-title\">\n Pourquoi choisir FJ13 pour vos <em>\u00e9v\u00e9nements professionnels<\/em> ?\n <\/h2>\n <p class=\"section-description\">\n Une expertise unique alliant s\u00e9curit\u00e9, coordination centralis\u00e9e et technologie pour garantir le succ\u00e8s de vos \u00e9v\u00e9nements.\n <\/p>\n <\/div>\n \n <!-- Value Hero Image -->\n <div class=\"value-hero-image fade-in\" style=\"margin-bottom: 60px; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.12);\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-13.jpg\" alt=\"FJ13 Professionnalisme \u00e9v\u00e9nementiel\" loading=\"lazy\" style=\"width: 100%; height: 400px; object-fit: cover; display: block;\">\n <\/div>\n \n <div class=\"value-grid\">\n <div class=\"value-card fade-in\">\n <div class=\"value-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <h3>Expertise S\u00e9curit\u00e9<\/h3>\n <p>Exp\u00e9rience \u00e9prouv\u00e9e avec le Conseil de l'Europe, d\u00e9l\u00e9gations diplomatiques et repr\u00e9sentations officielles.<\/p>\n <\/div>\n <div class=\"value-card fade-in\">\n <div class=\"value-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <circle cx=\"12\" cy=\"12\" r=\"3\"\/>\n <line x1=\"12\" y1=\"2\" x2=\"12\" y2=\"9\"\/>\n <line x1=\"12\" y1=\"15\" x2=\"12\" y2=\"22\"\/>\n <line x1=\"2\" y1=\"12\" x2=\"9\" y2=\"12\"\/>\n <line x1=\"15\" y1=\"12\" x2=\"22\" y2=\"12\"\/>\n <\/svg>\n <\/div>\n <h3>Coordination Centralis\u00e9e<\/h3>\n <p>Un seul interlocuteur d\u00e9di\u00e9 pour g\u00e9rer l'int\u00e9gralit\u00e9 de vos besoins logistiques \u00e9v\u00e9nementiels.<\/p>\n <\/div>\n <div class=\"value-card fade-in\">\n <div class=\"value-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M5 17H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v10a2 2 0 0 1-2 2h-1\"\/>\n <path d=\"M6 17h12v4H6z\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"2\"\/>\n <path d=\"M16 21V7a2 2 0 0 0-2-2H6a2 2 0 0 0-2 2v14\"\/>\n <\/svg>\n <\/div>\n <h3>Flotte Premium<\/h3>\n <p>Plus de 40 v\u00e9hicules haut de gamme : des berlines aux autocars pour tous vos besoins.<\/p>\n <\/div>\n <div class=\"value-card fade-in\">\n <div class=\"value-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"5\" y=\"2\" width=\"14\" height=\"20\" rx=\"2\" ry=\"2\"\/>\n <line x1=\"12\" y1=\"18\" x2=\"12.01\" y2=\"18\"\/>\n <path d=\"M8 6h8M8 10h8M8 14h8\"\/>\n <\/svg>\n <\/div>\n <h3>Suivi Temps R\u00e9el<\/h3>\n <p>Application mobile pour visualiser chaque v\u00e9hicule et communiquer avec le dispatch.<\/p>\n <\/div>\n <div class=\"value-card fade-in\">\n <div class=\"value-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <path d=\"M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20\"\/>\n <path d=\"M2 12h20\"\/>\n <\/svg>\n <\/div>\n <h3>Grand Est & Transfrontalier<\/h3>\n <p>Strasbourg, Grand Est et zones transfrontali\u00e8res (Allemagne, Suisse, Luxembourg).<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Event Types -->\n <section class=\"content-section grey\" id=\"services\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Nos solutions<\/div>\n <h2 class=\"section-title\">\n Transport pour tous vos <em>\u00e9v\u00e9nements<\/em>\n <\/h2>\n <p class=\"section-description\">\n Des solutions adapt\u00e9es \u00e0 chaque format d'\u00e9v\u00e9nement professionnel et priv\u00e9\n <\/p>\n <\/div>\n <div class=\"event-masonry\">\n <div class=\"event-card fade-in\">\n <div class=\"event-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-1.jpg\" alt=\"\u00c9v\u00e9nements corporatifs FJ13\" loading=\"lazy\">\n <div class=\"event-number\">01<\/div>\n <\/div>\n <div class=\"event-body\">\n <div class=\"event-category\">Corporate<\/div>\n <h3 class=\"event-title\">\u00c9v\u00e9nements corporatifs<\/h3>\n <p class=\"event-description\">Solutions professionnelles pour vos \u00e9v\u00e9nements d'entreprise avec coordination compl\u00e8te.<\/p>\n <div class=\"event-tags\">\n <span class=\"event-tag\">Congr\u00e8s<\/span>\n <span class=\"event-tag\">S\u00e9minaires<\/span>\n <span class=\"event-tag\">Team building<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"event-card fade-in\">\n <div class=\"event-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-2.jpg\" alt=\"\u00c9v\u00e9nements officiels FJ13\" loading=\"lazy\">\n <div class=\"event-number\">02<\/div>\n <\/div>\n <div class=\"event-body\">\n <div class=\"event-category\">Institutionnel<\/div>\n <h3 class=\"event-title\">\u00c9v\u00e9nements officiels<\/h3>\n <p class=\"event-description\">Transport protocolaire avec discr\u00e9tion absolue pour vos d\u00e9l\u00e9gations officielles.<\/p>\n <div class=\"event-tags\">\n <span class=\"event-tag\">Protocole<\/span>\n <span class=\"event-tag\">D\u00e9l\u00e9gations<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"event-card fade-in\">\n <div class=\"event-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-3.jpg\" alt=\"Salons & Festivals FJ13\" loading=\"lazy\">\n <div class=\"event-number\">03<\/div>\n <\/div>\n <div class=\"event-body\">\n <div class=\"event-category\">Culturel<\/div>\n <h3 class=\"event-title\">Salons & Festivals<\/h3>\n <p class=\"event-description\">Navettes d\u00e9di\u00e9es pour exposants et visiteurs VIP avec liaisons optimis\u00e9es.<\/p>\n <div class=\"event-tags\">\n <span class=\"event-tag\">Salons<\/span>\n <span class=\"event-tag\">Expositions<\/span>\n <\/div>\n <\/div>\n <\/div>\n\n <div class=\"event-card fade-in\">\n <div class=\"event-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-4.jpg\" alt=\"\u00c9v\u00e9nements priv\u00e9s FJ13\" loading=\"lazy\">\n <div class=\"event-number\">04<\/div>\n <\/div>\n <div class=\"event-body\">\n <div class=\"event-category\">Prestige<\/div>\n <h3 class=\"event-title\">\u00c9v\u00e9nements priv\u00e9s<\/h3>\n <p class=\"event-description\">Coordination raffin\u00e9e pour vos c\u00e9l\u00e9brations avec service personnalis\u00e9.<\/p>\n <div class=\"event-tags\">\n <span class=\"event-tag\">Mariages<\/span>\n <span class=\"event-tag\">Galas<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Process -->\n <section class=\"content-section\" id=\"processus\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Notre m\u00e9thode<\/div>\n <h2 class=\"section-title\">\n Comment fonctionne notre <em>coordination \u00e9v\u00e9nementielle<\/em> ?\n <\/h2>\n <p class=\"section-description\">\n Un processus \u00e9prouv\u00e9 en 4 \u00e9tapes pour garantir l'excellence\n <\/p>\n <\/div>\n <div class=\"process-grid\">\n <div class=\"process-step fade-in\">\n <div class=\"step-number\">1<\/div>\n <h3>Analyse des besoins<\/h3>\n <p>R\u00e9union de cadrage approfondie et dimensionnement pr\u00e9cis de la flotte n\u00e9cessaire selon vos participants et contraintes.<\/p>\n <\/div>\n <div class=\"process-step fade-in\">\n <div class=\"step-number\">2<\/div>\n <h3>Planification personnalis\u00e9e<\/h3>\n <p>Cr\u00e9ation d'un planning d\u00e9taill\u00e9 avec attribution optimale des v\u00e9hicules et chauffeurs. Briefing s\u00e9curit\u00e9 et protocole si n\u00e9cessaire.<\/p>\n <\/div>\n <div class=\"process-step fade-in\">\n <div class=\"step-number\">3<\/div>\n <h3>Coordination jour J<\/h3>\n <p>Dispatch centralis\u00e9 24\/7 avec suivi temps r\u00e9el et ajustements instantan\u00e9s. Optimisation des transitions entre \u00e9v\u00e9nements.<\/p>\n <\/div>\n <div class=\"process-step fade-in\">\n <div class=\"step-number\">4<\/div>\n <h3>Reporting d\u00e9taill\u00e9<\/h3>\n <p>Bilan complet avec statistiques de ponctualit\u00e9 et facturation consolid\u00e9e transparente pour faciliter votre comptabilit\u00e9.<\/p>\n <\/div>\n <\/div>\n \n <!-- Process Image Showcase -->\n <div class=\"process-image-showcase fade-in\" style=\"margin-top: 60px; border-radius: 20px; overflow: hidden; box-shadow: 0 8px 40px rgba(0,0,0,0.12);\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-16.jpg\" alt=\"FJ13 Coordination \u00e9v\u00e9nementielle - Service professionnel\" loading=\"lazy\" style=\"width: 100%; height: auto; display: block;\">\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Additional Benefits Section -->\n <section class=\"content-section grey\" id=\"avantages\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Nos avantages<\/div>\n <h2 class=\"section-title\">\n L'organisation de vos \u00e9v\u00e9nements <em>simplifi\u00e9e<\/em>\n <\/h2>\n <p class=\"section-description\">\n Plus qu'un simple service de navette, FJ13 vous propose une solution compl\u00e8te de gestion logistique\n <\/p>\n <\/div>\n <div class=\"benefits-grid\">\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/>\n <\/svg>\n <\/div>\n <h3>Image de votre entreprise<\/h3>\n <p>Nos chauffeurs professionnels garantissent un professionnalisme \u00e0 toute \u00e9preuve, refl\u00e9tant parfaitement l'image de votre entreprise lors de vos \u00e9v\u00e9nements professionnels.<\/p>\n <\/div>\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <polyline points=\"12 6 12 12 16 14\"\/>\n <\/svg>\n <\/div>\n <h3>Optimisation du temps<\/h3>\n <p>Nos chauffeurs optimisent les transitions entre les diff\u00e9rents \u00e9v\u00e9nements de votre s\u00e9minaire. Transferts a\u00e9roports-h\u00f4tels minutieusement organis\u00e9s pour maximiser votre productivit\u00e9.<\/p>\n <\/div>\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <h3>Chauffeurs multilingues<\/h3>\n <p>Exp\u00e9riment\u00e9s, courtois et multilingues, nos chauffeurs professionnels accueillent vos invit\u00e9s internationaux avec expertise et facilitent les \u00e9changes lors de vos \u00e9v\u00e9nements.<\/p>\n <\/div>\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z\"\/>\n <circle cx=\"12\" cy=\"10\" r=\"3\"\/>\n <\/svg>\n <\/div>\n <h3>Connaissance du Grand Est<\/h3>\n <p>Parfaite connaissance de Strasbourg et du Grand Est. Nos chauffeurs optimisent tous vos parcours et transforment vos d\u00e9placements pratiques en v\u00e9ritables opportunit\u00e9s touristiques.<\/p>\n <\/div>\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z\"\/>\n <polyline points=\"14 2 14 8 20 8\"\/>\n <line x1=\"16\" y1=\"13\" x2=\"8\" y2=\"13\"\/>\n <line x1=\"16\" y1=\"17\" x2=\"8\" y2=\"17\"\/>\n <polyline points=\"10 9 9 9 8 9\"\/>\n <\/svg>\n <\/div>\n <h3>D\u00e9l\u00e9gation compl\u00e8te<\/h3>\n <p>D\u00e9l\u00e9guez l'organisation logistique \u00e0 des professionnels exp\u00e9riment\u00e9s. Budget transparent et pr\u00e9visible pour vous concentrer sur l'essentiel de votre \u00e9v\u00e9nement.<\/p>\n <\/div>\n <div class=\"benefit-card fade-in\">\n <div class=\"benefit-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/>\n <path d=\"M7 11V7a5 5 0 0 1 10 0v4\"\/>\n <\/svg>\n <\/div>\n <h3>Confort & S\u00e9curit\u00e9<\/h3>\n <p>V\u00e9hicules spacieux, richement \u00e9quip\u00e9s et climatis\u00e9s garantissant des conditions de confort irr\u00e9prochables. Tranquillit\u00e9 assur\u00e9e pour vous, vos clients et vos partenaires.<\/p>\n <\/div>\n <\/div>\n \n <!-- Benefits Image Grid -->\n <div class=\"benefits-image-grid fade-in\" style=\"margin-top: 60px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 24px;\">\n <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-5.jpg\" alt=\"FJ13 Chauffeur professionnel\" loading=\"lazy\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\">\n <\/div>\n <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-7.jpg\" alt=\"FJ13 V\u00e9hicule premium\" loading=\"lazy\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\">\n <\/div>\n <div style=\"border-radius: 16px; overflow: hidden; box-shadow: 0 4px 20px rgba(0,0,0,0.1);\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-chauffeur-evenement-11.jpg\" alt=\"FJ13 Service \u00e9v\u00e9nementiel\" loading=\"lazy\" style=\"width: 100%; height: 280px; object-fit: cover; display: block;\">\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Fleet -->\n <section class=\"content-section grey\" id=\"flotte\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Notre flotte<\/div>\n <h2 class=\"section-title\">\n Une flotte adapt\u00e9e \u00e0 <em>chaque dimension<\/em> d'\u00e9v\u00e9nement\n <\/h2>\n <p class=\"section-description\">\n Du transport VIP individuel aux transferts de groupe\n <\/p>\n <\/div>\n <div class=\"fleet-grid\">\n <div class=\"fleet-item fade-in\">\n <div class=\"fleet-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-BERLINE.png\" alt=\"Berline Business FJ13\" loading=\"lazy\">\n <\/div>\n <div class=\"fleet-info\">\n <h3>Berlines Business<\/h3>\n <div class=\"fleet-capacity\">1-4 passagers \u2022 Bagages<\/div>\n <p class=\"fleet-description\">Transport professionnel avec \u00e9quipements business. Id\u00e9al pour d\u00e9placements VIP et protocole.<\/p>\n <\/div>\n <\/div>\n <div class=\"fleet-item fade-in\">\n <div class=\"fleet-visual\">\n <img decoding=\"async\" src=\"https:\/\/chauffeur-event-strasbourg.fr\/wp-content\/uploads\/2026\/02\/FJ13-VAN.png\" alt=\"Van FJ13\" loading=\"lazy\">\n <\/div>\n <div class=\"fleet-info\">\n <h3>Vans & Minivans<\/h3>\n <div class=\"fleet-capacity\">4-7 passagers \u2022 Bagages<\/div>\n <p class=\"fleet-description\">Solution pour petits groupes avec espace optimal et modularit\u00e9 pour mat\u00e9riel \u00e9v\u00e9nementiel.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Partner Section -->\n <section class=\"content-section\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Partenariats<\/div>\n <h2 class=\"section-title\">\n Partenaire privil\u00e9gi\u00e9 des <em>agences \u00e9v\u00e9nementielles<\/em>\n <\/h2>\n <p class=\"section-description\">\n Solution compl\u00e8te en marque blanche pour vos clients professionnels\n <\/p>\n <\/div>\n <div class=\"partner-content fade-in\">\n <div class=\"partner-grid\">\n <div class=\"partner-feature\">\n <div class=\"partner-feature-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2\"\/>\n <circle cx=\"9\" cy=\"7\" r=\"4\"\/>\n <path d=\"M23 21v-2a4 4 0 0 0-3-3.87\"\/>\n <path d=\"M16 3.13a4 4 0 0 1 0 7.75\"\/>\n <\/svg>\n <\/div>\n <h3>Gestion de 1 \u00e0 300 personnes<\/h3>\n <p>De l'\u00e9v\u00e9nement intimiste au congr\u00e8s international, notre flotte extensible s'adapte \u00e0 toutes les dimensions. Coordination centralis\u00e9e pour 5, 50 ou 500 participants.<\/p>\n <\/div>\n <div class=\"partner-feature\">\n <div class=\"partner-feature-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <circle cx=\"12\" cy=\"12\" r=\"10\"\/>\n <path d=\"M12 6v6l4 2\"\/>\n <\/svg>\n <\/div>\n <h3>Disponibilit\u00e9 24h\/24 - 7j\/7<\/h3>\n <p>Service continu pour vos \u00e9v\u00e9nements de jour comme de nuit, en semaine et week-ends. Dispatch op\u00e9rationnel en permanence pour r\u00e9activit\u00e9 maximale.<\/p>\n <\/div>\n <div class=\"partner-feature\">\n <div class=\"partner-feature-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <path d=\"M12 2L2 7l10 5 10-5-10-5z\"\/>\n <path d=\"M2 17l10 5 10-5\"\/>\n <path d=\"M2 12l10 5 10-5\"\/>\n <\/svg>\n <\/div>\n <h3>Service en marque blanche<\/h3>\n <p>Coordination discr\u00e8te et professionnelle permettant aux agences de proposer nos services sous leur propre image. Facturation et communication adapt\u00e9es.<\/p>\n <\/div>\n <div class=\"partner-feature\">\n <div class=\"partner-feature-icon\">\n <svg viewBox=\"0 0 24 24\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <polyline points=\"22 12 18 12 15 21 9 3 6 12 2 12\"\/>\n <\/svg>\n <\/div>\n <h3>R\u00e9activit\u00e9 et flexibilit\u00e9<\/h3>\n <p>Adaptation aux changements de derni\u00e8re minute. Notre exp\u00e9rience nous permet d'anticiper et de r\u00e9soudre les impr\u00e9vus inh\u00e9rents aux \u00e9v\u00e9nements d'envergure.<\/p>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- FAQ -->\n <section class=\"content-section\" id=\"faq\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">Questions fr\u00e9quentes<\/div>\n <h2 class=\"section-title\">\n Vos questions sur nos services <em>\u00e9v\u00e9nementiels<\/em>\n <\/h2>\n <\/div>\n <div class=\"faq-container\">\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Quel d\u00e9lai pour r\u00e9server un transport \u00e9v\u00e9nementiel ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Nous recommandons de r\u00e9server au minimum 2 semaines avant votre \u00e9v\u00e9nement pour garantir la disponibilit\u00e9 compl\u00e8te de notre flotte. Pour les grands \u00e9v\u00e9nements (100+ participants), un d\u00e9lai de 4-6 semaines est id\u00e9al.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Proposez-vous des devis gratuits ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Oui, absolument. Tous nos devis sont gratuits et sans engagement. Vous recevez un devis complet sous 24-48h avec tarification transparente.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Comment g\u00e9rez-vous les changements de derni\u00e8re minute ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Notre dispatch centralis\u00e9 et notre application de suivi temps r\u00e9el permettent des ajustements instantan\u00e9s avec r\u00e9activit\u00e9 maximale le jour J.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Vos chauffeurs sont-ils form\u00e9s au protocole ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Oui, nos chauffeurs suivent une formation sp\u00e9cifique au transport protocolaire et \u00e9v\u00e9nementiel gr\u00e2ce \u00e0 notre exp\u00e9rience avec les d\u00e9l\u00e9gations diplomatiques.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Pouvez-vous g\u00e9rer des \u00e9v\u00e9nements sur plusieurs jours ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Absolument. Nous coordonnons r\u00e9guli\u00e8rement des congr\u00e8s et s\u00e9minaires de 2 \u00e0 5 jours avec plannings complexes et reporting quotidien.\n <\/div>\n <\/div>\n <\/div>\n <div class=\"faq-item fade-in\">\n <div class=\"faq-question\">Travaillez-vous avec les agences \u00e9v\u00e9nementielles ?<\/div>\n <div class=\"faq-answer\">\n <div class=\"faq-answer-content\">\n Oui, nous sommes le partenaire privil\u00e9gi\u00e9 de nombreuses agences \u00e9v\u00e9nementielles. Communication simplifi\u00e9e, facturation B2B adapt\u00e9e et coordination en marque blanche.\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- Contact Form -->\n <section class=\"content-section grey\" id=\"contact\">\n <div class=\"section-container\">\n <div class=\"section-header fade-in\">\n <div class=\"section-badge\">R\u00e9servation<\/div>\n <h2 class=\"section-title\">\n R\u00e9servez votre <em>transport \u00e9v\u00e9nementiel<\/em>\n <\/h2>\n <p class=\"section-description\">\n Syst\u00e8me de r\u00e9servation en ligne s\u00e9curis\u00e9 \u2022 Confirmation imm\u00e9diate\n <\/p>\n <\/div>\n <div class=\"booking-wrapper fade-in\">\n <iframe src=\"https:\/\/bookings.fj13.fr\/booking-form\" \n class=\"iframe-responsive\" \n style=\"width:100%;min-height:550px;border:0px;background:transparent;\" \n title=\"R\u00e9servez maintenant\">\n <\/iframe>\n <\/div>\n <\/div>\n <\/section>\n\n <!-- CTA Footer -->\n <section class=\"cta-footer\">\n <div class=\"cta-content\">\n <h2 class=\"cta-title\">Pr\u00eat \u00e0 commencer ?<\/h2>\n <p class=\"cta-description\">\n Notre \u00e9quipe est \u00e0 votre disposition pour concevoir une solution de transport parfaitement adapt\u00e9e \u00e0 votre \u00e9v\u00e9nement.\n <\/p>\n <a href=\"mailto:contact@fj13.fr\" class=\"btn btn-primary\">\n <span>Demander un devis<\/span>\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <line x1=\"5\" y1=\"12\" x2=\"19\" y2=\"12\"\/>\n <polyline points=\"12 5 19 12 12 19\"\/>\n <\/svg>\n <\/a>\n <div class=\"reassurance-grid\">\n <div class=\"reassurance-item\">\n <strong>R\u00e9ponse rapide<\/strong>\n <span>Sous 2h en jours ouvr\u00e9s<\/span>\n <\/div>\n <div class=\"reassurance-item\">\n <strong>Devis gratuit<\/strong>\n <span>Sans engagement<\/span>\n <\/div>\n <div class=\"reassurance-item\">\n <strong>Depuis 2019<\/strong>\n <span>Expertise \u00e9v\u00e9nementielle<\/span>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n <script>\n \/\/ Scroll animations\n const observerOptions = {\n threshold: 0.1,\n rootMargin: '0px 0px -50px 0px'\n };\n\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting) {\n entry.target.classList.add('visible');\n }\n });\n }, observerOptions);\n\n document.querySelectorAll('.fade-in').forEach(el => observer.observe(el));\n\n \/\/ FAQ\n document.querySelectorAll('.faq-question').forEach(question => {\n question.addEventListener('click', () => {\n const item = question.parentElement;\n const wasActive = item.classList.contains('active');\n \n document.querySelectorAll('.faq-item').forEach(i => i.classList.remove('active'));\n \n if (!wasActive) {\n item.classList.add('active');\n }\n });\n });\n\n \/\/ Smooth scroll\n document.querySelectorAll('a[href^=\"#\"]').forEach(anchor => {\n anchor.addEventListener('click', function (e) {\n e.preventDefault();\n const target = document.querySelector(this.getAttribute('href'));\n if (target) {\n const navHeight = 80;\n const targetPosition = target.offsetTop - navHeight;\n window.scrollTo({\n top: targetPosition,\n behavior: 'smooth'\n });\n \/\/ Close mobile menu if open\n if (window.innerWidth <= 1024) {\n navMenu.classList.remove('active');\n menuToggle.classList.remove('active');\n }\n }\n });\n });\n\n \/\/ Navigation scroll effect\n const mainNav = document.getElementById('mainNav');\n window.addEventListener('scroll', () => {\n if (window.scrollY > 50) {\n mainNav.classList.add('scrolled');\n } else {\n mainNav.classList.remove('scrolled');\n }\n });\n\n \/\/ Mobile menu toggle\n const menuToggle = document.getElementById('menuToggle');\n const navMenu = document.getElementById('navMenu');\n \n menuToggle.addEventListener('click', () => {\n menuToggle.classList.toggle('active');\n navMenu.classList.toggle('active');\n });\n\n \/\/ Close mobile menu when clicking outside\n document.addEventListener('click', (e) => {\n if (!e.target.closest('.nav-container')) {\n navMenu.classList.remove('active');\n menuToggle.classList.remove('active');\n }\n });\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Transport \u00c9v\u00e9nementiel Strasbourg | Gestion Compl\u00e8te FJ13 – Congr\u00e8s & S\u00e9minaires FJ13 Services Processus Avantages Flotte FAQ R\u00e9servation 03 74 47 28 87 Devis gratuit Transport \u00e9v\u00e9nementiel Gestion des transports \u00e9v\u00e9nementiels r\u00e9invent\u00e9e pour vous FJ13 se sp\u00e9cialise dans la fourniture de solutions de transport sur mesure pour tous types d’\u00e9v\u00e9nements \u00e0 Strasbourg et ses alentours. […]<\/p>\n","protected":false},"author":1,"featured_media":90,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-9","page","type-page","status-publish","has-post-thumbnail","hentry"],"_links":{"self":[{"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/comments?post=9"}],"version-history":[{"count":53,"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":142,"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/pages\/9\/revisions\/142"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/media\/90"}],"wp:attachment":[{"href":"https:\/\/chauffeur-event-strasbourg.fr\/index.php\/wp-json\/wp\/v2\/media?parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}