SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal<\/title>\n\n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"TravelAgency\",\n \"name\": \"SR Voyages\",\n \"image\": \"https:\/\/www.srvoyages.com\/logo.png\",\n \"telephone\": \"+221339510000\",\n \"email\": \"contact@srvoyages.com\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Boulevard de la R\u00e9publique\",\n \"addressLocality\": \"Thi\u00e8s\",\n \"postalCode\": \"16000\",\n \"addressCountry\": \"SN\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": 14.7935,\n \"longitude\": -16.9262\n },\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\"\n ],\n \"opens\": \"08:00\",\n \"closes\": \"18:00\"\n },\n \"priceRange\": \"$$\"\n }\n <\/script>\n\n <style>\n \/* --- VARIABLES & RESET --- *\/\n :root {\n --color-primary: #0D1B2A; \/* Bleu nuit profond *\/\n --color-accent: #C9A84C; \/* Or chaud *\/\n --color-bg: #F5F0E8; \/* Blanc cass\u00e9 \/ Sable *\/\n --color-text: #1A1A1A;\n --color-white: #FFFFFF;\n --color-success: #25D366; \/* Vert WhatsApp *\/\n --color-error: #D32F2F;\n --font-heading: 'Georgia', serif;\n --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;\n --spacing-container: 16px;\n --transition: all 0.3s ease;\n --shadow-card: 0 4px 20px rgba(13, 27, 42, 0.08);\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-body);\n background-color: var(--color-bg);\n color: var(--color-text);\n line-height: 1.6;\n overflow-x: hidden;\n font-size: 16px; \/* Prevent iOS zoom *\/\n }\n\n a { text-decoration: none; color: inherit; transition: var(--transition); }\n ul { list-style: none; }\n img { max-width: 100%; display: block; }\n \n \/* --- TYPOGRAPHY --- *\/\n h1, h2, h3, h4 {\n font-family: var(--font-heading);\n color: var(--color-primary);\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.3;\n }\n\n h1 { font-size: 2.2rem; }\n h2 { font-size: 1.8rem; text-align: center; margin-bottom: 2rem; position: relative; }\n h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: var(--color-accent);\n margin: 0.5rem auto 0;\n }\n h3 { font-size: 1.3rem; }\n\n @media (min-width: 768px) {\n h1 { font-size: 3.5rem; }\n h2 { font-size: 2.5rem; }\n :root { --spacing-container: 40px; }\n }\n\n \/* --- UTILITIES --- *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 var(--spacing-container);\n }\n \n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 24px;\n font-weight: 600;\n border-radius: 4px;\n cursor: pointer;\n transition: var(--transition);\n min-height: 48px; \/* Accessibilit\u00e9 mobile *\/\n border: 2px solid transparent;\n font-size: 1rem;\n }\n\n .btn-primary {\n background-color: var(--color-success);\n color: var(--color-white);\n }\n .btn-primary:hover { background-color: #1ebc57; transform: translateY(-2px); }\n\n .btn-secondary {\n background-color: transparent;\n border-color: var(--color-accent);\n color: var(--color-primary);\n }\n .btn-secondary:hover { background-color: var(--color-accent); color: var(--color-white); }\n\n .btn-submit {\n background-color: var(--color-primary);\n color: var(--color-accent);\n width: 100%;\n }\n .btn-submit:hover { background-color: #162a3d; }\n\n \/* --- HEADER --- *\/\n header {\n background-color: var(--color-white);\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n position: sticky;\n top: 0;\n z-index: 1000;\n height: 70px;\n display: flex;\n align-items: center;\n }\n\n .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .logo {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: bold;\n color: var(--color-primary);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .logo span { color: var(--color-accent); }\n\n .desktop-nav { display: none; }\n .desktop-nav ul { display: flex; gap: 2rem; }\n .desktop-nav a {\n font-weight: 500;\n position: relative;\n padding: 5px 0;\n }\n .desktop-nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--color-accent);\n transition: width 0.3s ease;\n }\n .desktop-nav a:hover::after { width: 100%; }\n\n .burger-btn {\n background: none;\n border: none;\n cursor: pointer;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .burger-icon svg { width: 28px; height: 28px; fill: var(--color-primary); }\n\n \/* Mobile Drawer *\/\n .mobile-drawer {\n position: fixed;\n top: 70px;\n right: -100%;\n width: 80%;\n max-width: 300px;\n height: calc(100vh - 70px);\n background-color: var(--color-white);\n box-shadow: -5px 0 15px rgba(0,0,0,0.1);\n transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 2rem;\n z-index: 999;\n }\n .mobile-drawer.active { right: 0; }\n .mobile-drawer a {\n display: block;\n padding: 1rem 0;\n font-size: 1.1rem;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n color: var(--color-primary);\n font-weight: 500;\n }\n .overlay {\n position: fixed;\n top: 70px;\n left: 0;\n width: 100%;\n height: calc(100vh - 70px);\n background: rgba(13, 27, 42, 0.5);\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s;\n z-index: 998;\n }\n .overlay.active { opacity: 1; visibility: visible; }\n\n @media (min-width: 768px) {\n .burger-btn, .mobile-drawer { display: none; }\n .desktop-nav { display: block; }\n }\n\n \/* --- HERO SECTION --- *\/\n .hero {\n padding: 60px 0;\n background: linear-gradient(135deg, var(--color-primary) 0%, #1b2e41 100%);\n color: var(--color-white);\n overflow: hidden;\n position: relative;\n }\n\n .hero-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .hero-content { z-index: 2; text-align: center; }\n .hero-content h1 { color: var(--color-white); margin-bottom: 1rem; }\n .hero-content p { \n font-size: 1.1rem; \n margin-bottom: 2rem; \n color: rgba(255,255,255,0.9);\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n .hero-cta-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n }\n\n \/* Pure CSS Geometric Visual for Hero *\/\n .hero-visual {\n height: 300px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .geo-circle {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: linear-gradient(45deg, var(--color-accent), transparent);\n opacity: 0.2;\n position: absolute;\n }\n .geo-map-abstract {\n width: 100%;\n height: 100%;\n background-image: radial-gradient(circle at 50% 50%, rgba(201, 168, 76, 0.1) 0%, transparent 60%);\n position: relative;\n }\n .geo-plane {\n width: 80px;\n height: 80px;\n fill: var(--color-accent);\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(2deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n\n @media (min-width: 768px) {\n .hero { padding: 100px 0; min-height: 80vh; display: flex; align-items: center; }\n .hero-layout { grid-template-columns: 1.2fr 0.8fr; text-align: left; }\n .hero-content { text-align: left; }\n .hero-content p { margin-left: 0; }\n .hero-cta-group { flex-direction: row; }\n .hero-visual { height: 400px; justify-content: flex-end; }\n }\n\n \/* --- TRUST BAR --- *\/\n .trust-bar {\n background-color: var(--color-white);\n border-bottom: 1px solid rgba(0,0,0,0.05);\n padding: 20px 0;\n }\n .trust-grid {\n display: flex;\n flex-direction: column;\n gap: 15px;\n align-items: center;\n text-align: center;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 0.9rem;\n color: var(--color-primary);\n font-weight: 600;\n }\n .trust-item svg { width: 20px; height: 20px; fill: var(--color-accent); }\n\n @media (min-width: 768px) {\n .trust-grid { flex-direction: row; justify-content: space-around; }\n }\n\n \/* --- OFFERS GRID --- *\/\n .offers { padding: 60px 0; background-color: #faf7f2; }\n .offers-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n .offer-card {\n background: var(--color-white);\n padding: 24px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n border-top: 4px solid var(--color-accent);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n }\n .offer-card:hover { transform: translateY(-5px); }\n .offer-icon {\n width: 48px;\n height: 48px;\n background-color: rgba(13, 27, 42, 0.05);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n .offer-icon svg { width: 24px; height: 24px; fill: var(--color-primary); }\n .offer-price {\n margin-top: auto;\n padding-top: 16px;\n font-weight: bold;\n color: var(--color-primary);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .badge {\n background-color: var(--color-accent);\n color: var(--color-primary);\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 0.8rem;\n text-transform: uppercase;\n }\n .offer-link {\n color: var(--color-accent);\n font-weight: 600;\n margin-top: 8px;\n display: inline-block;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .offers-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n \/* --- PAYMENT SECTION --- *\/\n .payment-section {\n padding: 50px 0;\n background-color: var(--color-white);\n text-align: center;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n }\n .payment-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n \/* Custom CSS\/SVG Payment Logos *\/\n .pay-logo {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n font-weight: bold;\n color: white;\n font-size: 0.8rem;\n padding: 0 10px;\n }\n .pay-wave { background: #009EE3; }\n .pay-orange { background: #FF7900; }\n .pay-free { background: #E60000; color: white; position: relative; overflow: hidden; }\n .pay-free::after {\n content: '';\n position: absolute;\n right: 0; top: 0; bottom: 0; width: 40%;\n background: #007c3f;\n z-index: 0;\n }\n .pay-free span { position: relative; z-index: 1; padding-right: 10px; }\n\n .payment-text {\n max-width: 600px;\n margin: 0 auto;\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* --- TESTIMONIALS --- *\/\n .testimonials { padding: 60px 0; }\n .testimonial-slider {\n display: flex;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n gap: 20px;\n padding-bottom: 20px; \/* Space for scrollbar hide *\/\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .testimonial-slider::-webkit-scrollbar { display: none; }\n \n .testimonial-card {\n min-width: 85vw;\n scroll-snap-align: center;\n background: var(--color-white);\n padding: 30px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n text-align: center;\n }\n .avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: #ddd;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: var(--color-primary);\n font-size: 1.2rem;\n }\n .stars { color: #FFC107; margin-bottom: 10px; }\n .stars svg { width: 16px; height: 16px; fill: #FFC107; }\n .client-city { font-size: 0.85rem; color: #777; margin-bottom: 10px; display: block; }\n .quote { font-style: italic; color: #555; font-size: 0.95rem; }\n\n @media (min-width: 768px) {\n .testimonial-slider {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n overflow: visible;\n }\n .testimonial-card { min-width: auto; }\n }\n\n \/* --- CONTACT FORM --- *\/\n .contact { padding: 60px 0; background-color: #eef2f5; }\n .form-box {\n background: var(--color-white);\n padding: 30px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n max-width: 600px;\n margin: 0 auto;\n }\n .form-group { margin-bottom: 20px; }\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--color-primary);\n }\n .form-control {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-family: inherit;\n font-size: 1rem;\n }\n .form-control:focus {\n outline: none;\n border-color: var(--color-accent);\n }\n .form-feedback {\n display: none;\n margin-top: 15px;\n padding: 10px;\n border-radius: 4px;\n text-align: center;\n font-size: 0.9rem;\n }\n .form-feedback.error { display: block; background: #ffebee; color: var(--color-error); border: 1px solid #ffcdd2; }\n .form-feedback.success { display: block; background: #e8f5e9; color: var(--color-success); border: 1px solid #c8e6c9; }\n\n \/* --- FOOTER --- *\/\n footer {\n background-color: var(--color-primary);\n color: rgba(255,255,255,0.8);\n padding: 60px 0 20px;\n font-size: 0.9rem;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n margin-bottom: 40px;\n }\n .footer-col h4 { color: var(--color-accent); margin-bottom: 1.2rem; }\n .footer-links li { margin-bottom: 10px; }\n .footer-links a:hover { color: var(--color-accent); }\n .social-icons { display: flex; gap: 15px; margin-top: 15px; }\n .social-icons a { \n width: 40px; height: 40px; \n border: 1px solid rgba(255,255,255,0.2); \n border-radius: 50%; \n display: flex; align-items: center; justify-content: center;\n transition: var(--transition);\n }\n .social-icons a:hover { background-color: var(--color-accent); border-color: var(--color-accent); color: var(--color-primary); }\n .social-icons svg { width: 18px; height: 18px; fill: currentColor; }\n\n .copyright {\n border-top: 1px solid rgba(255,255,255,0.1);\n padding-top: 20px;\n text-align: center;\n font-size: 0.8rem;\n }\n\n @media (min-width: 768px) {\n .footer-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n \/* --- FLOATING ELEMENTS --- *\/\n .floating-whatsapp {\n position: fixed;\n bottom: 20px;\n right: 20px;\n width: 60px;\n height: 60px;\n background-color: var(--color-success);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n z-index: 1000;\n animation: pulse 2s infinite;\n }\n .floating-whatsapp svg { width: 32px; height: 32px; fill: white; }\n \n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }\n 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n }\n\n .back-to-top {\n position: fixed;\n bottom: 20px;\n left: 20px;\n width: 48px;\n height: 48px;\n background-color: var(--color-primary);\n color: var(--color-white);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n transition: var(--transition);\n z-index: 990;\n cursor: pointer;\n }\n .back-to-top.visible { opacity: 1; visibility: visible; }\n .back-to-top svg { width: 24px; height: 24px; fill: currentColor; transform: rotate(90deg); }\n\n \/* --- ANIMATION UTILS --- *\/\n .fade-in-section {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n will-change: opacity, transform;\n }\n .fade-in-section.is-visible {\n opacity: 1;\n transform: none;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header>\n <div class=\"container nav-container\">\n <a href=\"#\" class=\"logo\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"var(--color-accent)\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\n SR <span>Voyages<\/span>\n <\/a>\n\n <nav class=\"desktop-nav\">\n <ul>\n <li><a href=\"#accueil\">Accueil<\/a><\/li>\n <li><a href=\"#offres\">Offres<\/a><\/li>\n <li><a href=\"#hadj-omra\">Hadj & Omra<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <button class=\"burger-btn\" aria-label=\"Menu\" onclick=\"toggleMenu()\">\n <span class=\"burger-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/><\/svg>\n <\/span>\n <\/button>\n <\/div>\n <\/header>\n\n \n <div class=\"overlay\" id=\"overlay\" onclick=\"toggleMenu()\"><\/div>\n <div class=\"mobile-drawer\" id=\"mobileDrawer\">\n <a href=\"#accueil\" onclick=\"toggleMenu()\">Accueil<\/a>\n <a href=\"#offres\" onclick=\"toggleMenu()\">Nos Offres<\/a>\n <a href=\"#hadj-omra\" onclick=\"toggleMenu()\">Hadj & Omra<\/a>\n <a href=\"#temoignages\" onclick=\"toggleMenu()\">T\u00e9moignages<\/a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">Contact<\/a>\n <\/div>\n\n \n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-layout\">\n <div class=\"hero-content fade-in-section\">\n <h1>Explorez le Monde<br>au D\u00e9part de Thi\u00e8s<\/h1>\n <p>Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables.<\/p>\n <div class=\"hero-cta-group\">\n <a href=\"https:\/\/wa.me\/221339510000?text=Bonjour SR Voyages, je voudrais un devis.\" class=\"btn btn-primary\">\n <svg style=\"width:20px;height:20px;margin-right:8px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\n Devis WhatsApp\n <\/a>\n <a href=\"#offres\" class=\"btn btn-secondary\">Voir nos offres<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual fade-in-section\">\n <div class=\"geo-circle\"><\/div>\n <div class=\"geo-map-abstract\">\n \n <svg class=\"geo-plane\" viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"trust-bar\">\n <div class=\"container trust-grid\">\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2\n","protected":false},"excerpt":{"rendered":"<p>SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- SR VOYAGES<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/srvoyages.com\/?page_id=117\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- SR VOYAGES\" \/>\n<meta property=\"og:description\" content=\"SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/srvoyages.com\/?page_id=117\" \/>\n<meta property=\"og:site_name\" content=\"SR VOYAGES\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T15:36:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/srvoyages.com\/?page_id=117\",\"url\":\"https:\/\/srvoyages.com\/?page_id=117\",\"name\":\"- SR VOYAGES\",\"isPartOf\":{\"@id\":\"https:\/\/srvoyages.com\/#website\"},\"datePublished\":\"2026-04-07T15:36:52+00:00\",\"dateModified\":\"2026-04-07T15:36:53+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/srvoyages.com\/?page_id=117\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/srvoyages.com\/#website\",\"url\":\"https:\/\/srvoyages.com\/\",\"name\":\"SR VOYAGES\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/srvoyages.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"- SR VOYAGES","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/srvoyages.com\/?page_id=117","og_locale":"en_US","og_type":"article","og_title":"- SR VOYAGES","og_description":"SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]","og_url":"https:\/\/srvoyages.com\/?page_id=117","og_site_name":"SR VOYAGES","article_modified_time":"2026-04-07T15:36:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/srvoyages.com\/?page_id=117","url":"https:\/\/srvoyages.com\/?page_id=117","name":"- SR VOYAGES","isPartOf":{"@id":"https:\/\/srvoyages.com\/#website"},"datePublished":"2026-04-07T15:36:52+00:00","dateModified":"2026-04-07T15:36:53+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/srvoyages.com\/?page_id=117"]}]},{"@type":"WebSite","@id":"https:\/\/srvoyages.com\/#website","url":"https:\/\/srvoyages.com\/","name":"SR VOYAGES","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/srvoyages.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":1,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

{"id":117,"date":"2026-04-07T15:36:52","date_gmt":"2026-04-07T15:36:52","guid":{"rendered":"https:\/\/srvoyages.com\/?page_id=117"},"modified":"2026-04-07T15:36:53","modified_gmt":"2026-04-07T15:36:53","slug":"117-2","status":"publish","type":"page","link":"https:\/\/srvoyages.com\/?page_id=117","title":{"rendered":""},"content":{"rendered":"\n\n\n\n \n \n \n \n \n \n \n \n \n \n \n\n SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal<\/title>\n\n \n <script type=\"application\/ld+json\">\n {\n \"@context\": \"https:\/\/schema.org\",\n \"@type\": \"TravelAgency\",\n \"name\": \"SR Voyages\",\n \"image\": \"https:\/\/www.srvoyages.com\/logo.png\",\n \"telephone\": \"+221339510000\",\n \"email\": \"contact@srvoyages.com\",\n \"address\": {\n \"@type\": \"PostalAddress\",\n \"streetAddress\": \"Boulevard de la R\u00e9publique\",\n \"addressLocality\": \"Thi\u00e8s\",\n \"postalCode\": \"16000\",\n \"addressCountry\": \"SN\"\n },\n \"geo\": {\n \"@type\": \"GeoCoordinates\",\n \"latitude\": 14.7935,\n \"longitude\": -16.9262\n },\n \"openingHoursSpecification\": {\n \"@type\": \"OpeningHoursSpecification\",\n \"dayOfWeek\": [\n \"Monday\",\n \"Tuesday\",\n \"Wednesday\",\n \"Thursday\",\n \"Friday\",\n \"Saturday\"\n ],\n \"opens\": \"08:00\",\n \"closes\": \"18:00\"\n },\n \"priceRange\": \"$$\"\n }\n <\/script>\n\n <style>\n \/* --- VARIABLES & RESET --- *\/\n :root {\n --color-primary: #0D1B2A; \/* Bleu nuit profond *\/\n --color-accent: #C9A84C; \/* Or chaud *\/\n --color-bg: #F5F0E8; \/* Blanc cass\u00e9 \/ Sable *\/\n --color-text: #1A1A1A;\n --color-white: #FFFFFF;\n --color-success: #25D366; \/* Vert WhatsApp *\/\n --color-error: #D32F2F;\n --font-heading: 'Georgia', serif;\n --font-body: 'Segoe UI', system-ui, -apple-system, sans-serif;\n --spacing-container: 16px;\n --transition: all 0.3s ease;\n --shadow-card: 0 4px 20px rgba(13, 27, 42, 0.08);\n }\n\n * {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n }\n\n html {\n scroll-behavior: smooth;\n }\n\n body {\n font-family: var(--font-body);\n background-color: var(--color-bg);\n color: var(--color-text);\n line-height: 1.6;\n overflow-x: hidden;\n font-size: 16px; \/* Prevent iOS zoom *\/\n }\n\n a { text-decoration: none; color: inherit; transition: var(--transition); }\n ul { list-style: none; }\n img { max-width: 100%; display: block; }\n \n \/* --- TYPOGRAPHY --- *\/\n h1, h2, h3, h4 {\n font-family: var(--font-heading);\n color: var(--color-primary);\n font-weight: 700;\n margin-bottom: 1rem;\n line-height: 1.3;\n }\n\n h1 { font-size: 2.2rem; }\n h2 { font-size: 1.8rem; text-align: center; margin-bottom: 2rem; position: relative; }\n h2::after {\n content: '';\n display: block;\n width: 60px;\n height: 3px;\n background-color: var(--color-accent);\n margin: 0.5rem auto 0;\n }\n h3 { font-size: 1.3rem; }\n\n @media (min-width: 768px) {\n h1 { font-size: 3.5rem; }\n h2 { font-size: 2.5rem; }\n :root { --spacing-container: 40px; }\n }\n\n \/* --- UTILITIES --- *\/\n .container {\n max-width: 1200px;\n margin: 0 auto;\n padding: 0 var(--spacing-container);\n }\n \n .btn {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n padding: 12px 24px;\n font-weight: 600;\n border-radius: 4px;\n cursor: pointer;\n transition: var(--transition);\n min-height: 48px; \/* Accessibilit\u00e9 mobile *\/\n border: 2px solid transparent;\n font-size: 1rem;\n }\n\n .btn-primary {\n background-color: var(--color-success);\n color: var(--color-white);\n }\n .btn-primary:hover { background-color: #1ebc57; transform: translateY(-2px); }\n\n .btn-secondary {\n background-color: transparent;\n border-color: var(--color-accent);\n color: var(--color-primary);\n }\n .btn-secondary:hover { background-color: var(--color-accent); color: var(--color-white); }\n\n .btn-submit {\n background-color: var(--color-primary);\n color: var(--color-accent);\n width: 100%;\n }\n .btn-submit:hover { background-color: #162a3d; }\n\n \/* --- HEADER --- *\/\n header {\n background-color: var(--color-white);\n box-shadow: 0 2px 10px rgba(0,0,0,0.05);\n position: sticky;\n top: 0;\n z-index: 1000;\n height: 70px;\n display: flex;\n align-items: center;\n }\n\n .nav-container {\n display: flex;\n justify-content: space-between;\n align-items: center;\n width: 100%;\n }\n\n .logo {\n font-family: var(--font-heading);\n font-size: 1.5rem;\n font-weight: bold;\n color: var(--color-primary);\n display: flex;\n align-items: center;\n gap: 8px;\n }\n .logo span { color: var(--color-accent); }\n\n .desktop-nav { display: none; }\n .desktop-nav ul { display: flex; gap: 2rem; }\n .desktop-nav a {\n font-weight: 500;\n position: relative;\n padding: 5px 0;\n }\n .desktop-nav a::after {\n content: '';\n position: absolute;\n bottom: 0;\n left: 0;\n width: 0;\n height: 2px;\n background-color: var(--color-accent);\n transition: width 0.3s ease;\n }\n .desktop-nav a:hover::after { width: 100%; }\n\n .burger-btn {\n background: none;\n border: none;\n cursor: pointer;\n width: 48px;\n height: 48px;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .burger-icon svg { width: 28px; height: 28px; fill: var(--color-primary); }\n\n \/* Mobile Drawer *\/\n .mobile-drawer {\n position: fixed;\n top: 70px;\n right: -100%;\n width: 80%;\n max-width: 300px;\n height: calc(100vh - 70px);\n background-color: var(--color-white);\n box-shadow: -5px 0 15px rgba(0,0,0,0.1);\n transition: right 0.3s cubic-bezier(0.4, 0, 0.2, 1);\n padding: 2rem;\n z-index: 999;\n }\n .mobile-drawer.active { right: 0; }\n .mobile-drawer a {\n display: block;\n padding: 1rem 0;\n font-size: 1.1rem;\n border-bottom: 1px solid rgba(0,0,0,0.05);\n color: var(--color-primary);\n font-weight: 500;\n }\n .overlay {\n position: fixed;\n top: 70px;\n left: 0;\n width: 100%;\n height: calc(100vh - 70px);\n background: rgba(13, 27, 42, 0.5);\n opacity: 0;\n visibility: hidden;\n transition: opacity 0.3s;\n z-index: 998;\n }\n .overlay.active { opacity: 1; visibility: visible; }\n\n @media (min-width: 768px) {\n .burger-btn, .mobile-drawer { display: none; }\n .desktop-nav { display: block; }\n }\n\n \/* --- HERO SECTION --- *\/\n .hero {\n padding: 60px 0;\n background: linear-gradient(135deg, var(--color-primary) 0%, #1b2e41 100%);\n color: var(--color-white);\n overflow: hidden;\n position: relative;\n }\n\n .hero-layout {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n align-items: center;\n }\n\n .hero-content { z-index: 2; text-align: center; }\n .hero-content h1 { color: var(--color-white); margin-bottom: 1rem; }\n .hero-content p { \n font-size: 1.1rem; \n margin-bottom: 2rem; \n color: rgba(255,255,255,0.9);\n max-width: 500px;\n margin-left: auto;\n margin-right: auto;\n }\n .hero-cta-group {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n justify-content: center;\n }\n\n \/* Pure CSS Geometric Visual for Hero *\/\n .hero-visual {\n height: 300px;\n position: relative;\n display: flex;\n align-items: center;\n justify-content: center;\n }\n .geo-circle {\n width: 200px;\n height: 200px;\n border-radius: 50%;\n background: linear-gradient(45deg, var(--color-accent), transparent);\n opacity: 0.2;\n position: absolute;\n }\n .geo-map-abstract {\n width: 100%;\n height: 100%;\n background-image: radial-gradient(circle at 50% 50%, rgba(201, 168, 76, 0.1) 0%, transparent 60%);\n position: relative;\n }\n .geo-plane {\n width: 80px;\n height: 80px;\n fill: var(--color-accent);\n animation: float 4s ease-in-out infinite;\n }\n\n @keyframes float {\n 0% { transform: translateY(0px) rotate(0deg); }\n 50% { transform: translateY(-15px) rotate(2deg); }\n 100% { transform: translateY(0px) rotate(0deg); }\n }\n\n @media (min-width: 768px) {\n .hero { padding: 100px 0; min-height: 80vh; display: flex; align-items: center; }\n .hero-layout { grid-template-columns: 1.2fr 0.8fr; text-align: left; }\n .hero-content { text-align: left; }\n .hero-content p { margin-left: 0; }\n .hero-cta-group { flex-direction: row; }\n .hero-visual { height: 400px; justify-content: flex-end; }\n }\n\n \/* --- TRUST BAR --- *\/\n .trust-bar {\n background-color: var(--color-white);\n border-bottom: 1px solid rgba(0,0,0,0.05);\n padding: 20px 0;\n }\n .trust-grid {\n display: flex;\n flex-direction: column;\n gap: 15px;\n align-items: center;\n text-align: center;\n }\n .trust-item {\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 0.9rem;\n color: var(--color-primary);\n font-weight: 600;\n }\n .trust-item svg { width: 20px; height: 20px; fill: var(--color-accent); }\n\n @media (min-width: 768px) {\n .trust-grid { flex-direction: row; justify-content: space-around; }\n }\n\n \/* --- OFFERS GRID --- *\/\n .offers { padding: 60px 0; background-color: #faf7f2; }\n .offers-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 24px;\n }\n .offer-card {\n background: var(--color-white);\n padding: 24px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n border-top: 4px solid var(--color-accent);\n transition: var(--transition);\n display: flex;\n flex-direction: column;\n }\n .offer-card:hover { transform: translateY(-5px); }\n .offer-icon {\n width: 48px;\n height: 48px;\n background-color: rgba(13, 27, 42, 0.05);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 16px;\n }\n .offer-icon svg { width: 24px; height: 24px; fill: var(--color-primary); }\n .offer-price {\n margin-top: auto;\n padding-top: 16px;\n font-weight: bold;\n color: var(--color-primary);\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n .badge {\n background-color: var(--color-accent);\n color: var(--color-primary);\n padding: 4px 8px;\n border-radius: 4px;\n font-size: 0.8rem;\n text-transform: uppercase;\n }\n .offer-link {\n color: var(--color-accent);\n font-weight: 600;\n margin-top: 8px;\n display: inline-block;\n font-size: 0.9rem;\n }\n\n @media (min-width: 768px) {\n .offers-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n \/* --- PAYMENT SECTION --- *\/\n .payment-section {\n padding: 50px 0;\n background-color: var(--color-white);\n text-align: center;\n border-top: 1px solid #eee;\n border-bottom: 1px solid #eee;\n }\n .payment-logos {\n display: flex;\n justify-content: center;\n align-items: center;\n gap: 20px;\n margin-top: 20px;\n flex-wrap: wrap;\n }\n \/* Custom CSS\/SVG Payment Logos *\/\n .pay-logo {\n height: 40px;\n display: flex;\n align-items: center;\n justify-content: center;\n border-radius: 6px;\n font-weight: bold;\n color: white;\n font-size: 0.8rem;\n padding: 0 10px;\n }\n .pay-wave { background: #009EE3; }\n .pay-orange { background: #FF7900; }\n .pay-free { background: #E60000; color: white; position: relative; overflow: hidden; }\n .pay-free::after {\n content: '';\n position: absolute;\n right: 0; top: 0; bottom: 0; width: 40%;\n background: #007c3f;\n z-index: 0;\n }\n .pay-free span { position: relative; z-index: 1; padding-right: 10px; }\n\n .payment-text {\n max-width: 600px;\n margin: 0 auto;\n color: #666;\n font-size: 0.95rem;\n }\n\n \/* --- TESTIMONIALS --- *\/\n .testimonials { padding: 60px 0; }\n .testimonial-slider {\n display: flex;\n overflow-x: auto;\n scroll-snap-type: x mandatory;\n gap: 20px;\n padding-bottom: 20px; \/* Space for scrollbar hide *\/\n -ms-overflow-style: none;\n scrollbar-width: none;\n }\n .testimonial-slider::-webkit-scrollbar { display: none; }\n \n .testimonial-card {\n min-width: 85vw;\n scroll-snap-align: center;\n background: var(--color-white);\n padding: 30px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n text-align: center;\n }\n .avatar {\n width: 60px;\n height: 60px;\n border-radius: 50%;\n background-color: #ddd;\n margin: 0 auto 15px;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: bold;\n color: var(--color-primary);\n font-size: 1.2rem;\n }\n .stars { color: #FFC107; margin-bottom: 10px; }\n .stars svg { width: 16px; height: 16px; fill: #FFC107; }\n .client-city { font-size: 0.85rem; color: #777; margin-bottom: 10px; display: block; }\n .quote { font-style: italic; color: #555; font-size: 0.95rem; }\n\n @media (min-width: 768px) {\n .testimonial-slider {\n display: grid;\n grid-template-columns: repeat(3, 1fr);\n overflow: visible;\n }\n .testimonial-card { min-width: auto; }\n }\n\n \/* --- CONTACT FORM --- *\/\n .contact { padding: 60px 0; background-color: #eef2f5; }\n .form-box {\n background: var(--color-white);\n padding: 30px;\n border-radius: 8px;\n box-shadow: var(--shadow-card);\n max-width: 600px;\n margin: 0 auto;\n }\n .form-group { margin-bottom: 20px; }\n .form-group label {\n display: block;\n margin-bottom: 8px;\n font-weight: 600;\n color: var(--color-primary);\n }\n .form-control {\n width: 100%;\n padding: 12px;\n border: 1px solid #ddd;\n border-radius: 4px;\n font-family: inherit;\n font-size: 1rem;\n }\n .form-control:focus {\n outline: none;\n border-color: var(--color-accent);\n }\n .form-feedback {\n display: none;\n margin-top: 15px;\n padding: 10px;\n border-radius: 4px;\n text-align: center;\n font-size: 0.9rem;\n }\n .form-feedback.error { display: block; background: #ffebee; color: var(--color-error); border: 1px solid #ffcdd2; }\n .form-feedback.success { display: block; background: #e8f5e9; color: var(--color-success); border: 1px solid #c8e6c9; }\n\n \/* --- FOOTER --- *\/\n footer {\n background-color: var(--color-primary);\n color: rgba(255,255,255,0.8);\n padding: 60px 0 20px;\n font-size: 0.9rem;\n }\n .footer-grid {\n display: grid;\n grid-template-columns: 1fr;\n gap: 40px;\n margin-bottom: 40px;\n }\n .footer-col h4 { color: var(--color-accent); margin-bottom: 1.2rem; }\n .footer-links li { margin-bottom: 10px; }\n .footer-links a:hover { color: var(--color-accent); }\n .social-icons { display: flex; gap: 15px; margin-top: 15px; }\n .social-icons a { \n width: 40px; height: 40px; \n border: 1px solid rgba(255,255,255,0.2); \n border-radius: 50%; \n display: flex; align-items: center; justify-content: center;\n transition: var(--transition);\n }\n .social-icons a:hover { background-color: var(--color-accent); border-color: var(--color-accent); color: var(--color-primary); }\n .social-icons svg { width: 18px; height: 18px; fill: currentColor; }\n\n .copyright {\n border-top: 1px solid rgba(255,255,255,0.1);\n padding-top: 20px;\n text-align: center;\n font-size: 0.8rem;\n }\n\n @media (min-width: 768px) {\n .footer-grid { grid-template-columns: repeat(3, 1fr); }\n }\n\n \/* --- FLOATING ELEMENTS --- *\/\n .floating-whatsapp {\n position: fixed;\n bottom: 20px;\n right: 20px;\n width: 60px;\n height: 60px;\n background-color: var(--color-success);\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n box-shadow: 0 4px 10px rgba(0,0,0,0.3);\n z-index: 1000;\n animation: pulse 2s infinite;\n }\n .floating-whatsapp svg { width: 32px; height: 32px; fill: white; }\n \n @keyframes pulse {\n 0% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0.7); }\n 70% { box-shadow: 0 0 0 15px rgba(37, 211, 102, 0); }\n 100% { box-shadow: 0 0 0 0 rgba(37, 211, 102, 0); }\n }\n\n .back-to-top {\n position: fixed;\n bottom: 20px;\n left: 20px;\n width: 48px;\n height: 48px;\n background-color: var(--color-primary);\n color: var(--color-white);\n border-radius: 4px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: 0;\n visibility: hidden;\n transition: var(--transition);\n z-index: 990;\n cursor: pointer;\n }\n .back-to-top.visible { opacity: 1; visibility: visible; }\n .back-to-top svg { width: 24px; height: 24px; fill: currentColor; transform: rotate(90deg); }\n\n \/* --- ANIMATION UTILS --- *\/\n .fade-in-section {\n opacity: 0;\n transform: translateY(20px);\n transition: opacity 0.6s ease-out, transform 0.6s ease-out;\n will-change: opacity, transform;\n }\n .fade-in-section.is-visible {\n opacity: 1;\n transform: none;\n }\n <\/style>\n<\/head>\n<body>\n\n \n <header>\n <div class=\"container nav-container\">\n <a href=\"#\" class=\"logo\">\n <svg width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"var(--color-accent)\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\n SR <span>Voyages<\/span>\n <\/a>\n\n <nav class=\"desktop-nav\">\n <ul>\n <li><a href=\"#accueil\">Accueil<\/a><\/li>\n <li><a href=\"#offres\">Offres<\/a><\/li>\n <li><a href=\"#hadj-omra\">Hadj & Omra<\/a><\/li>\n <li><a href=\"#contact\">Contact<\/a><\/li>\n <\/ul>\n <\/nav>\n\n <button class=\"burger-btn\" aria-label=\"Menu\" onclick=\"toggleMenu()\">\n <span class=\"burger-icon\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M3 18h18v-2H3v2zm0-5h18v-2H3v2zm0-7v2h18V6H3z\"\/><\/svg>\n <\/span>\n <\/button>\n <\/div>\n <\/header>\n\n \n <div class=\"overlay\" id=\"overlay\" onclick=\"toggleMenu()\"><\/div>\n <div class=\"mobile-drawer\" id=\"mobileDrawer\">\n <a href=\"#accueil\" onclick=\"toggleMenu()\">Accueil<\/a>\n <a href=\"#offres\" onclick=\"toggleMenu()\">Nos Offres<\/a>\n <a href=\"#hadj-omra\" onclick=\"toggleMenu()\">Hadj & Omra<\/a>\n <a href=\"#temoignages\" onclick=\"toggleMenu()\">T\u00e9moignages<\/a>\n <a href=\"#contact\" onclick=\"toggleMenu()\">Contact<\/a>\n <\/div>\n\n \n <section class=\"hero\" id=\"accueil\">\n <div class=\"container hero-layout\">\n <div class=\"hero-content fade-in-section\">\n <h1>Explorez le Monde<br>au D\u00e9part de Thi\u00e8s<\/h1>\n <p>Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables.<\/p>\n <div class=\"hero-cta-group\">\n <a href=\"https:\/\/wa.me\/221339510000?text=Bonjour SR Voyages, je voudrais un devis.\" class=\"btn btn-primary\">\n <svg style=\"width:20px;height:20px;margin-right:8px;fill:white;\" viewBox=\"0 0 24 24\"><path d=\"M.057 24l1.687-6.163c-1.041-1.804-1.588-3.849-1.587-5.946.003-6.556 5.338-11.891 11.893-11.891 3.181.001 6.167 1.24 8.413 3.488 2.245 2.248 3.481 5.236 3.48 8.414-.003 6.557-5.338 11.892-11.893 11.892-1.99-.001-3.951-.5-5.688-1.448l-6.305 1.654zm6.597-3.807c1.676.995 3.276 1.591 5.392 1.592 5.448 0 9.886-4.434 9.889-9.885.002-5.462-4.415-9.89-9.881-9.892-5.452 0-9.887 4.434-9.889 9.884-.001 2.225.651 3.891 1.746 5.634l-.999 3.648 3.742-.981zm11.387-5.464c-.074-.124-.272-.198-.57-.347-.297-.149-1.758-.868-2.031-.967-.272-.099-.47-.149-.669.149-.198.297-.768.967-.941 1.165-.173.198-.347.223-.644.074-.297-.149-1.255-.462-2.39-1.475-.883-.788-1.48-1.761-1.653-2.059-.173-.297-.018-.458.13-.606.134-.133.297-.347.446-.521.151-.172.2-.296.3-.495.099-.198.05-.372-.025-.521-.075-.148-.669-1.611-.916-2.206-.242-.579-.487-.501-.669-.51l-.57-.01c-.198 0-.52.074-.792.372s-1.04 1.016-1.04 2.479 1.065 2.876 1.213 3.074c.149.198 2.095 3.2 5.076 4.487.709.306 1.263.489 1.694.626.712.226 1.36.194 1.872.118.571-.085 1.758-.719 2.006-1.413.248-.695.248-1.29.173-1.414z\"\/><\/svg>\n Devis WhatsApp\n <\/a>\n <a href=\"#offres\" class=\"btn btn-secondary\">Voir nos offres<\/a>\n <\/div>\n <\/div>\n <div class=\"hero-visual fade-in-section\">\n <div class=\"geo-circle\"><\/div>\n <div class=\"geo-map-abstract\">\n \n <svg class=\"geo-plane\" viewBox=\"0 0 24 24\"><path d=\"M21 16v-2l-8-5V3.5c0-.83-.67-1.5-1.5-1.5S10 2.67 10 3.5V9l-8 5v2l8-2.5V19l-2 1.5V22l3.5-1 3.5 1v-1.5L13 19v-5.5l8 2.5z\"\/><\/svg>\n <\/div>\n <\/div>\n <\/div>\n <\/section>\n\n \n <div class=\"trust-bar\">\n <div class=\"container trust-grid\">\n <div class=\"trust-item\">\n <svg viewBox=\"0 0 24 24\"><path d=\"M12 1L3 5v6c0 5.55 3.84 10.74 9 12 5.16-1.26 9-6.45 9-12V5l-9-4zm-2\n","protected":false},"excerpt":{"rendered":"<p>SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-117","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>- SR VOYAGES<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/srvoyages.com\/?page_id=117\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"- SR VOYAGES\" \/>\n<meta property=\"og:description\" content=\"SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/srvoyages.com\/?page_id=117\" \/>\n<meta property=\"og:site_name\" content=\"SR VOYAGES\" \/>\n<meta property=\"article:modified_time\" content=\"2026-04-07T15:36:53+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/srvoyages.com\/?page_id=117\",\"url\":\"https:\/\/srvoyages.com\/?page_id=117\",\"name\":\"- SR VOYAGES\",\"isPartOf\":{\"@id\":\"https:\/\/srvoyages.com\/#website\"},\"datePublished\":\"2026-04-07T15:36:52+00:00\",\"dateModified\":\"2026-04-07T15:36:53+00:00\",\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/srvoyages.com\/?page_id=117\"]}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/srvoyages.com\/#website\",\"url\":\"https:\/\/srvoyages.com\/\",\"name\":\"SR VOYAGES\",\"description\":\"\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/srvoyages.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"}]}<\/script>\n","yoast_head_json":{"title":"- SR VOYAGES","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/srvoyages.com\/?page_id=117","og_locale":"en_US","og_type":"article","og_title":"- SR VOYAGES","og_description":"SR Voyages Thi\u00e8s \u2013 Billets d’avion, Hadj & Omra au S\u00e9n\u00e9gal SR Voyages Accueil Offres Hadj & Omra Contact Accueil Nos Offres Hadj & Omra T\u00e9moignages Contact Explorez le Mondeau D\u00e9part de Thi\u00e8s Billets d’avion, Omra et voyages organis\u00e9s. Votre agence de confiance en r\u00e9gion de Thi\u00e8s pour des souvenirs inoubliables. Devis WhatsApp Voir nos […]","og_url":"https:\/\/srvoyages.com\/?page_id=117","og_site_name":"SR VOYAGES","article_modified_time":"2026-04-07T15:36:53+00:00","twitter_card":"summary_large_image","twitter_misc":{"Est. reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/srvoyages.com\/?page_id=117","url":"https:\/\/srvoyages.com\/?page_id=117","name":"- SR VOYAGES","isPartOf":{"@id":"https:\/\/srvoyages.com\/#website"},"datePublished":"2026-04-07T15:36:52+00:00","dateModified":"2026-04-07T15:36:53+00:00","inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/srvoyages.com\/?page_id=117"]}]},{"@type":"WebSite","@id":"https:\/\/srvoyages.com\/#website","url":"https:\/\/srvoyages.com\/","name":"SR VOYAGES","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/srvoyages.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"}]}},"brizy_media":[],"_links":{"self":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=117"}],"version-history":[{"count":1,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions"}],"predecessor-version":[{"id":118,"href":"https:\/\/srvoyages.com\/index.php?rest_route=\/wp\/v2\/pages\/117\/revisions\/118"}],"wp:attachment":[{"href":"https:\/\/srvoyages.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=117"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}