Vocabulaire Anglais de la Salle de Sport | The English Workshop

/* Variables CSS pour une meilleure organisation */

:root { —primary-color: #2e86de; —secondary-color: #fdcb6e; —dark-color: #0c2461; —light-color: #f8f9fa; —text-color: #333; —light-text: #bdc3c7; —transition-fast: 0.3s; —transition-medium: 0.5s; —transition-slow: 0.8s; —bezier-curve: cubic-bezier(0.7, 0, 0.3, 1); —shadow-small: 0 2px 15px rgba(0, 0, 0, 0.05); —shadow-medium: 0 5px 15px rgba(0, 0, 0, 0.1); —shadow-large: 0 15px 30px rgba(0, 0, 0, 0.1); }

/* Reset et styles de base */ * { margin: 0; padding: 0; box-sizing: border-box; }

body { font-family: 'Poppins', sans-serif; line-height: 1.6; color: var(--text-color); background-color: var(--light-color); scroll-behavior: smooth; animation: fade-in 1s ease; }

.container { max-width: 1100px; margin: 0 auto; padding: 0 20px; }

a { color: var(--primary-color); text-decoration: none; transition: color var(--transition-fast); }

a:hover { color: var(--dark-color); text-decoration: underline; }

p { margin-bottom: 1.2rem; }

/* Navigation */ .main-nav { background-color: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1); position: sticky; top: 0; z-index: 1000; }

.nav-container { display: flex; justify-content: space-between; align-items: center; height: 70px; }

.logo a { display: flex; align-items: center; text-decoration: none; }

.logo-text { font-size: 1.5rem; font-weight: 700; color: #0c2461; }

.nav-links { display: flex; list-style: none; gap: 30px; }

.nav-links a { color: #333; font-weight: 500; transition: color 0.3s; }

.nav-links a:hover { color: #2e86de; text-decoration: none; }

.nav-links .cta-button { background-color: #2e86de; color: white; padding: 8px 16px; border-radius: 30px; }

.nav-links .cta-button:hover { background-color: #0c2461; color: white; }

.menu-toggle { display: none; font-size: 1.5rem; cursor: pointer; }

/* Header */ header { background: linear-gradient(135deg, #0c2461 0%, #2e86de 100%); color: white; padding: 60px 0; text-align: center; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.1); }

header h1 { font-size: 2.8rem; margin-bottom: 15px; font-weight: 700; background-image: linear-gradient(90deg, var(--dark-color), var(--primary-color), #54a0ff); background-size: 200% auto; color: transparent; -webkit-background-clip: text; background-clip: text; animation: gradient 8s ease infinite; }

header .subtitle { font-size: 1.2rem; font-weight: 300; max-width: 800px; margin: 0 auto 30px; }

.header-cta { display: flex; justify-content: center; gap: 20px; margin-top: 30px; }

/* Buttons */ .btn { display: inline-flex; align-items: center; padding: 10px 20px; border-radius: 30px; font-weight: 500; transition: all 0.3s; text-decoration: none; gap: 8px; position: relative; overflow: hidden; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); }

.btn:hover { transform: translateY(-3px); box-shadow: 0 7px 14px rgba(0, 0, 0, 0.15); }

.btn:active { transform: translateY(0); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.1); }

.btn::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(120deg, transparent, rgba(255, 255, 255, 0.3), transparent); transform: translateX(-100%); transition: transform 0.6s; }

.btn:hover::before { transform: translateX(100%); }

.btn-primary { background-color: #fdcb6e; color: #333; border: 2px solid #fdcb6e; }

.btn-primary:hover { background-color: #ffc045; border-color: #ffc045; transform: translateY(-2px); text-decoration: none; }

.btn-secondary { background-color: transparent; color: white; border: 2px solid white; }

.btn-secondary:hover { background-color: rgba(255, 255, 255, 0.1); transform: translateY(-2px); text-decoration: none; }

.btn-large { padding: 12px 24px; font-size: 1.1rem; }

/* Table of Contents */ .table-of-contents { margin: 40px auto; }

.toc-container { background-color: white; border-radius: 8px; padding: 25px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); position: relative; overflow: hidden; }

.toc-container::before { content: ''; position: absolute; top: 0; left: 0; width: 4px; height: 100%; background: linear-gradient(to bottom, var(--primary-color), var(--secondary-color)); }

.toc-container h3 { display: flex; align-items: center; gap: 10px; color: #0c2461; margin-bottom: 15px; font-size: 1.3rem; }

.toc-container ul { list-style: none; display: flex; flex-wrap: wrap; gap: 15px; }

.toc-container li a { display: inline-block; padding: 8px 16px; background-color: #f1f3f5; border-radius: 30px; color: #333; font-weight: 500; transition: all 0.3s; position: relative; z-index: 1; overflow: hidden; }

.toc-container li a::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(120deg, var(--primary-color), #54a0ff); opacity: 0; z-index: -1; transition: opacity 0.3s; }

.toc-container li a:hover { color: white; background-color: transparent; }

.toc-container li a:hover::before { opacity: 1; }

/* Main content */ main { padding: 40px 0 60px; }

section { margin-bottom: 40px; background-color: white; border-radius: 8px; padding: 30px; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); transition: transform 0.3s, box-shadow 0.3s; }

section:hover { transform: translateY(-5px); box-shadow: 0 10px 30px rgba(0, 0, 0, 0.1); }

section.intro { border-left: 5px solid #2e86de; }

section h2 { font-size: 2rem; margin-bottom: 20px; color: #0c2461; font-weight: 600; position: relative; display: inline-block; }

section h2::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 3px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); transition: width 0.8s var(--bezier-curve); }

section.animate-in h2::after { width: 100%; }

/* Highlight boxes */ .highlight { background-color: #ffeaa7; border-radius: 8px; padding: 25px 25px 25px 50px; margin: 30px 0; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.05); position: relative; border-left: 5px solid #fdcb6e; transition: transform 0.3s, box-shadow 0.3s; }

.highlight:hover { transform: translateY(-5px) scale(1.01); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.highlight p { margin: 0; font-style: italic; font-size: 1.05rem; }

.quote-icon { color: rgba(253, 203, 110, 0.5); font-size: 1.5rem; position: absolute; left: 20px; top: 23px; }

/* Search box */ .search-box { position: relative; max-width: 500px; margin: 20px 0; }

.search-box input { width: 100%; padding: 12px 20px 12px 45px; border: 1px solid #e1e1e1; border-radius: 30px; font-size: 1rem; transition: all 0.3s; background-color: var(--light-color); }

.search-box input:focus { outline: none; border-color: #2e86de; box-shadow: 0 0 0 4px rgba(46, 134, 222, 0.2); width: 105%; }

.search-box i { position: absolute; left: 15px; top: 50%; transform: translateY(-50%); color: #777; transition: all 0.3s; }

.search-box input:focus + i { color: var(--primary-color); }

/* Styles pour la section de vocabulaire */ .vocabulary { margin-top: 50px; }

.vocab-table-container { overflow-x: auto; margin: 25px 0; border-radius: 8px; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.08); }

.vocab-table { width: 100%; border-collapse: collapse; border-radius: 8px; overflow: hidden; font-size: 0.95rem; border-spacing: 0; }

.vocab-table th, .vocab-table td { padding: 12px 15px; text-align: left; border-bottom: 1px solid #eaeaea; }

.vocab-table th { background-color: #0c2461; color: white; font-weight: 600; text-transform: uppercase; letter-spacing: 0.5px; font-size: 0.85rem; position: relative; overflow: hidden; }

.vocab-table th::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--secondary-color); transform: scaleX(0); transform-origin: right; transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); }

.vocab-table:hover th::after { transform: scaleX(1); transform-origin: left; }

.vocab-table tr:last-child td { border-bottom: none; }

.vocab-table tbody tr { transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s; border-left: 3px solid transparent; }

.vocab-table tbody tr:hover { transform: scale(1.01); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); z-index: 10; position: relative; border-left: 3px solid var(--primary-color); }

.vocab-table tbody tr:nth-child(even) { background-color: #f8f9fa; }

.vocab-table tbody tr:nth-child(even):hover { background-color: #f1f3f5; }

.vocab-table td:first-child { font-weight: 500; color: #2c3e50; }

.vocab-table td:nth-child(2) { color: #2e86de; font-weight: 500; }

.vocab-note { font-style: italic; color: #777; font-size: 0.95rem; text-align: center; margin-top: 15px; }

.download-cta { text-align: center; margin-top: 30px; }

/* FAQ section */ .faq { margin-top: 60px; }

.faq-container { display: flex; flex-direction: column; gap: 15px; }

.faq-item { border: 1px solid #e1e1e1; border-radius: 8px; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }

.faq-item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }

.faq-item.active { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-left: 3px solid var(--primary-color); }

.faq-question { background-color: #f3f4f6; padding: 15px 20px; margin: 0; font-size: 1.1rem; font-weight: 500; cursor: pointer; display: flex; align-items: center; justify-content: space-between; position: relative; transition: background-color 0.3s; }

.faq-question:hover { background-color: #e9ecef; }

.faq-question i { transition: transform 0.3s; }

.faq-item.active .faq-question i { transform: rotate(180deg); }

.faq-answer { padding: 0 20px; max-height: 0; overflow: hidden; transition: max-height 0.3s ease-out, padding 0.3s ease; }

.faq-item.active .faq-answer { padding: 20px; max-height: 500px; }

/* Newsletter section */ .newsletter { background: linear-gradient(135deg, #0c2461 0%, #2e86de 100%); color: white; border-radius: 8px; padding: 0; overflow: hidden; position: relative; }

.newsletter::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+CjxyZWN0IHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCIgZmlsbD0iIzJlODZkZSI+PC9yZWN0Pgo8Y2lyY2xlIGN4PSIxMCIgY3k9IjEwIiByPSIyIiBmaWxsPSJyZ2JhKDI1NSwgMjU1LCAyNTUsIDAuMikiPjwvY2lyY2xlPgo8L3N2Zz4='); opacity: 0.05; }

.newsletter-container { padding: 40px; text-align: center; }

.newsletter h2 { color: white; margin-bottom: 15px; }

.newsletter p { margin-bottom: 25px; max-width: 600px; margin-left: auto; margin-right: auto; }

.newsletter-form { display: flex; max-width: 500px; margin: 0 auto; gap: 10px; }

.newsletter-form input { flex: 1; padding: 12px 20px; border: none; border-radius: 30px; font-size: 1rem; transform: translateY(0); transition: transform 0.3s, box-shadow 0.3s; }

.newsletter-form input:focus { outline: none; transform: translateY(-3px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

.newsletter-form button { padding: 12px 25px; border: none; cursor: pointer; }

/* Footer */ footer { background-color: #1e3153; color: #fff; padding: 60px 0 30px; }

.footer-content { display: flex; justify-content: space-between; margin-bottom: 40px; }

.footer-logo { flex: 1; }

.footer-logo .logo-text { display: block; font-size: 1.5rem; font-weight: 700; color: white; margin-bottom: 10px; }

.footer-logo p { color: #bdc3c7; font-size: 0.95rem; }

.footer-links { display: flex; flex: 2; justify-content: space-around; }

.footer-links-column h3 { color: white; font-size: 1.2rem; margin-bottom: 20px; font-weight: 600; }

.footer-links-column ul { list-style: none; }

.footer-links-column li { margin-bottom: 10px; }

.footer-links-column a { color: #bdc3c7; transition: color 0.3s; }

.footer-links-column a:hover { color: #fdcb6e; text-decoration: none; }

.social-icons { display: flex; gap: 15px; margin-top: 20px; }

.social-icons a { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background-color: rgba(255, 255, 255, 0.1); border-radius: 50%; transition: all 0.3s; animation: float 6s ease-in-out infinite; animation-delay: calc(var(--i) * 0.5s); }

.social-icons a:hover { background-color: #fdcb6e; transform: translateY(-3px); }

.social-icons i { color: white; font-size: 1rem; }

.social-icons a:nth-child(1) { --i: 0; } .social-icons a:nth-child(2) { --i: 1; } .social-icons a:nth-child(3) { --i: 2; } .social-icons a:nth-child(4) { --i: 3; }

@keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }

.footer-bottom { display: flex; justify-content: space-between; align-items: center; padding-top: 30px; border-top: 1px solid rgba(255, 255, 255, 0.1); }

.footer-bottom p { margin: 0; font-size: 0.9rem; color: #bdc3c7; }

.footer-legal { display: flex; gap: 20px; }

.footer-legal a { color: #bdc3c7; font-size: 0.9rem; }

.footer-legal a:hover { color: white; }

/* Back to top button */ .back-to-top { position: fixed; bottom: 30px; right: 30px; width: 50px; height: 50px; background-color: #2e86de; color: white; border-radius: 50%; display: flex; align-items: center; justify-content: center; text-decoration: none; opacity: 0; visibility: hidden; transition: all 0.3s; z-index: 100; box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2); animation: pulse 2s infinite; }

.back-to-top.show { opacity: 1; visibility: visible; }

.back-to-top:hover { background-color: #0c2461; transform: translateY(-5px); text-decoration: none; }

.back-to-top i { font-size: 1.2rem; }

@keyframes pulse { 0% { box-shadow: 0 0 0 0 rgba(46, 134, 222, 0.4); } 70% { box-shadow: 0 0 0 15px rgba(46, 134, 222, 0); } 100% { box-shadow: 0 0 0 0 rgba(46, 134, 222, 0); } }

/* Animation pour les FAQ */ @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }

.faq-item.active .faq-answer { animation: fadeIn 0.5s ease-in-out; }

/* Styles pour les liens internes */ main a { position: relative; font-weight: 500; }

main a::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background-color: #2e86de; transform: scaleX(0); transition: transform 0.3s ease; }

main a:hover::after { transform: scaleX(1); }

/* Style pour améliorer la lisibilité */ section p { font-size: 1.05rem; line-height: 1.7; }

/* Animation de titre avec dégradé */ @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } }

/* Effet de soulignement des liens de navigation */ .nav-links a:not(.cta-button)::after { content: ''; display: block; width: 0; height: 2px; background: var(--primary-color); transition: width .3s; position: relative; bottom: -5px; }

.nav-links a:not(.cta-button):hover::after { width: 100%; }

/* Style amélioré pour le tableau de vocabulaire */ .vocab-table { border-spacing: 0; }

.vocab-table tbody tr { transition: transform 0.3s, box-shadow 0.3s, background-color 0.3s; border-left: 3px solid transparent; }

.vocab-table tbody tr:hover { transform: scale(1.01); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05); z-index: 10; position: relative; border-left: 3px solid var(--primary-color); }

.vocab-table th { position: relative; overflow: hidden; }

.vocab-table th::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: var(--secondary-color); transform: scaleX(0); transform-origin: right; transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); }

.vocab-table:hover th::after { transform: scaleX(1); transform-origin: left; }

/* Effet de flottement pour les FAQ */ .faq-item { transition: transform 0.3s, box-shadow 0.3s; }

.faq-item:hover { transform: translateY(-3px); box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08); }

.faq-item.active { transform: translateY(-3px); box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1); border-left: 3px solid var(--primary-color); }

/* Effet d'ombre portée dynamique pour les highlight */ .highlight { position: relative; overflow: hidden; transition: transform 0.3s, box-shadow 0.3s; }

.highlight:hover { transform: translateY(-5px) scale(1.01); box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1); }

.highlight::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: linear-gradient(90deg, var(--secondary-color), #ffeaa7); transform: scaleX(0); transform-origin: right; transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); }

.highlight:hover::after { transform: scaleX(1); transform-origin: left; }

/* Animation du logo */ .logo-text::after { content: ''; position: absolute; bottom: -3px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); transform: scaleX(0); transform-origin: right; transition: transform 0.6s cubic-bezier(0.7, 0, 0.3, 1); }

.logo:hover .logo-text::after { transform: scaleX(1); transform-origin: left; }

/* Responsive styles */ @media (max-width: 768px) { .main-nav { padding: 0 20px; }

.nav-container { position: relative; }

.menu-toggle { display: block; }

.nav-links { position: absolute; top: 70px; left: 0; right: 0; flex-direction: column; background-color: white; padding: 20px; gap: 15px; box-shadow: 0 10px 15px rgba(0, 0, 0, 0.1); display: none; z-index: 1000; }

.nav-links.active { display: flex; }

.table-of-contents ul { flex-direction: column; gap: 10px; }

.table-of-contents li a { display: block; width: 100%; }

header { padding: 40px 0; }

header h1 { font-size: 2.2rem; }

.header-cta { flex-direction: column; gap: 15px; }

section { padding: 20px; }

.newsletter-form { flex-direction: column; }

.footer-content { flex-direction: column; gap: 30px; }

.footer-links { flex-direction: column; gap: 30px; }

.footer-bottom { flex-direction: column; gap: 15px; text-align: center; }

.footer-legal { justify-content: center; }

.download-cta .btn-large { display: block; width: 100%; } }

/* Section parallaxe */ .parallax-section { height: 400px; background: url('https://images.unsplash.com/photo-1534438327276-14e5300c3a48?ixlib=rb-1.2.1&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1500&q=80') no-repeat fixed center; background-size: cover; position: relative; margin: 60px 0; display: flex; align-items: center; justify-content: center; text-align: center; color: white; border-radius: 8px; overflow: hidden; }

.parallax-section::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(12, 36, 97, 0.7); z-index: 1; }

.parallax-content { position: relative; z-index: 2; padding: 30px; max-width: 800px; }

.parallax-content h2 { font-size: 2.5rem; margin-bottom: 20px; line-height: 1.3; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); }

.parallax-content h2 span { display: block; color: var(--secondary-color); }

.parallax-content p { font-size: 1.2rem; margin-bottom: 30px; opacity: 0.9; }

.parallax-content .btn { display: inline-block; padding: 15px 30px; font-size: 1.1rem; text-transform: uppercase; letter-spacing: 1px; box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2); }

/* Section témoignages */ .testimonials { margin: 60px 0; text-align: center; }

.testimonials h2 { margin-bottom: 40px; position: relative; display: inline-block; }

.testimonials h2::after { content: ''; position: absolute; bottom: -10px; left: 50%; transform: translateX(-50%); width: 80px; height: 3px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); }

.testimonials-container { display: flex; flex-wrap: wrap; gap: 30px; margin-top: 30px; justify-content: center; }

.testimonial-card { flex: 1; min-width: 300px; max-width: 350px; background-color: white; border-radius: 8px; overflow: hidden; box-shadow: var(--shadow-medium); transition: transform var(--transition-fast), box-shadow var(--transition-fast); }

.testimonial-card:hover { transform: translateY(-10px); box-shadow: var(--shadow-large); }

.testimonial-content { padding: 25px; position: relative; }

.testimonial-content::before { content: '"'; font-size: 5rem; font-family: Georgia, serif; color: rgba(46, 134, 222, 0.1); position: absolute; top: 10px; left: 10px; line-height: 1; z-index: 0; }

.testimonial-content p { position: relative; z-index: 1; font-style: italic; }

.testimonial-author { display: flex; align-items: center; padding: 15px 25px; background-color: #f8f9fa; border-top: 1px solid #eaeaea; }

.testimonial-author img { width: 50px; height: 50px; border-radius: 50%; margin-right: 15px; object-fit: cover; border: 3px solid white; box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); }

.testimonial-author h4 { margin: 0; font-size: 1rem; color: var(--dark-color); }

.testimonial-author p { margin: 0; font-size: 0.9rem; color: #777; }

@media (max-width: 768px) { .parallax-section { height: 300px; background-attachment: scroll; }

.parallax-content h2 { font-size: 1.8rem; }

.testimonials-container { flex-direction: column; align-items: center; }

.testimonial-card { width: 100%; } }

/* Animations au défilement */ .animate-item { opacity: 0; transform: translateY(30px); transition: opacity 0.8s ease, transform 0.8s ease; }

.animate-in { opacity: 1; transform: translateY(0); }

/* Variations d'animations pour différents éléments */ section.animate-item { transition-delay: 0.1s; }

.highlight.animate-item { transform: translateY(30px) scale(0.95); transition-delay: 0.2s; }

.highlight.animate-in { transform: translateY(0) scale(1); }

.vocab-table-container.animate-item { transform: translateY(40px); transition-delay: 0.3s; }

.testimonial-card:nth-child(1).animate-item { transition-delay: 0.1s; }

.testimonial-card:nth-child(2).animate-item { transition-delay: 0.3s; }

.testimonial-card:nth-child(3).animate-item { transition-delay: 0.5s; }

.faq-item:nth-child(odd).animate-item { transform: translateX(-30px); }

.faq-item:nth-child(even).animate-item { transform: translateX(30px); }

.faq-item.animate-in { transform: translateX(0); }

.parallax-section.animate-item { transform: scale(0.95); transition-delay: 0.2s; }

.parallax-section.animate-in { transform: scale(1); }

/* Effet de flou au chargement */ @keyframes fade-in { from { opacity: 0; filter: blur(5px); } to { opacity: 1; filter: blur(0); } }

/* Effet de soulignement animé pour les titres de section */ section h2::after { content: ''; position: absolute; bottom: -5px; left: 0; width: 0; height: 3px; background: linear-gradient(90deg, var(--primary-color), var(--secondary-color)); transition: width 0.8s var(--bezier-curve); }

section.animate-in h2::after { width: 100%; }

            [  

                The English Workshop  

            ](/)
        

            **
        

• Accueil

• Vocabulaire

• Cours

• Blog

• Contact

Vocabulaire Anglais de la Salle de Sport

Tous les termes essentiels pour être à l’aise dans une salle de sport anglophone

            [Voir le vocabulaire **](#vocabulary)  

            [Questions fréquentes **](#faq)
        

** Sommaire

• Introduction

• Vocabulaire essentiel

• Questions fréquentes

Introduction au Vocabulaire de la Salle de Sport

La salle de sport est un lieu où les barrières linguistiques peuvent vite devenir un obstacle.

        Que tu voyages à l'étranger ou que tu suives des tutoriels de fitness en anglais,  

        maîtriser le vocabulaire anglais de la salle de sport est essentiel.  

        En tant que professeur d'anglais et passionné de fitness depuis plus de 15 ans,  

        j'ai remarqué que mes élèves qui comprennent ce vocabulaire progressent beaucoup plus rapidement dans leurs routines d'entraînement.

Quand j’ai commencé à fréquenter les salles de sport à Londres,

        je me souviens avoir été complètement perdu face aux instructions des coachs.  

        "Drop and give me twenty" ou "feel the burn" étaient pour moi des phrases mystérieuses!  

        Aujourd'hui, je vais partager avec toi tous les termes essentiels pour être à l'aise dans une salle de sport anglophone.

The English Workshop propose des cours spécialisés pour maîtriser ces termes techniques,

        mais cet article te donnera déjà une excellente base.  

        Si tu es déjà familier avec le [vocabulaire anglais de la musculation](/vocabulaire-anglais-musculation/),  

        tu retrouveras certains termes, mais j'irai beaucoup plus loin aujourd'hui.

** Un jour, une de mes élèves m’a raconté sa mésaventure dans une salle de sport à New York.

        Elle voulait demander où se trouvait le "vélo" et a simplement dit "bicycle".  

        Le coach lui a répondu: "Oh, you mean the exercise bike or the spin bike?"  

        C'est important de connaître les termes précis!

Comme pour l’apprentissage de l’anglais en général, la pratique régulière est essentielle.

        La mémorisation des termes techniques peut sembler difficile au début,  

        mais avec de la persévérance, tu les intégreras naturellement.  

        Pour améliorer ton niveau général d'anglais, consulte mes [astuces pour apprendre l'anglais](/astuces-pour-apprendre-langlais/).

Une erreur fréquente est de confondre “arm” (bras entier) et “biceps” (muscle spécifique).

        Même principe pour "legs" (jambes) et "quads" (quadriceps).  

        Être précis t'aidera à mieux communiquer tes objectifs d'entraînement.

Si tu souhaites enrichir ton vocabulaire au-delà du contexte sportif,

        je te recommande également mon article sur les [100 mots les plus utilisés en anglais](/100-mots-les-plus-utilises-en-anglais/).

** Lors d’un cours collectif à Londres, l’instructeur répétait souvent “squeeze your glutes”.

        J'ai mis du temps à comprendre qu'il fallait contracter les fessiers!  

        C'est ce genre de vocabulaire spécifique qui fait toute la différence.

Pour progresser efficacement en anglais comme en fitness, la régularité est clé.

        Tout comme pour ta [préparation au TOEIC](/preparation-toeic/),  

        établir un planning structuré est essentiel.

** Un conseil d’expert: quand un coach américain te dit d’utiliser “45 pounds”, n’oublie pas de convertir en kilogrammes (environ 20kg)!

        Les États-Unis utilisent le système impérial, contrairement à la plupart des pays européens qui utilisent le système métrique.

Pour ceux qui voyagent souvent et fréquentent des salles de sport à l’étranger,

        mon article sur le [vocabulaire anglais voyage](/vocabulaire-voyage-anglais/) pourrait également t'être utile.

Pour enrichir ton vocabulaire d’expressions,

        tu peux aussi consulter mon article sur les [expressions idiomatiques anglaises](/expressions-idiomatiques-anglaises/)  

        qui t'aidera à parler plus naturellement.

** J’ai eu une élève qui suivait un cours de yoga en anglais et qui ne comprenait pas pourquoi l’instructeur disait constamment “engage your core”.

        Elle pensait qu'il parlait d'un "noyau" à l'intérieur du corps!  

        En réalité, il s'agit simplement de contracter les muscles profonds du ventre.

Si tu es intéressé par d’autres sports,

        j'ai également écrit des articles sur le [vocabulaire anglais du volley-ball](/vocabulaire-anglais-du-volley-ball/)  

        ou encore le [vocabulaire anglais de la voile](/vocabulaire-anglais-voile/).

Vocabulaire Essentiel de la Salle de Sport en Anglais

Voici un tableau des termes essentiels que tout sportif devrait connaître en anglais :

            **
        

Ce tableau n’est qu’un aperçu du vocabulaire essentiel. Pour une liste plus complète, consulte mes autres ressources ou inscris-toi à mes cours spécialisés!

            [  

                ** Télécharger la liste complète (PDF)  

            ](#)
        

Questions Fréquentes sur le Vocabulaire de la Salle de Sport

Comment dire “je vais à la salle de sport” en anglais? **

On dit “I’m going to the gym”.

                    Les Américains et les Britanniques utilisent généralement le terme "gym" plutôt que "fitness center".

Comment demander où se trouve un équipement spécifique? **

Tu peux dire “Excuse me, where can I find the [nom de l’équipement]?”

                    Ou "Could you tell me where the [nom de l'équipement] is?"

Comment demander de l’aide pour un exercice? **

Tu peux dire “Could you spot me?” pour demander à quelqu’un de te surveiller pendant un exercice à risque.

                    Ou "Could you show me how to do this exercise properly?" pour demander une démonstration.

Quelle est la différence entre “workout” et “training”? **

“Workout” fait référence à une session d’exercice, tandis que “training” implique souvent un programme plus structuré avec un objectif spécifique.

Comment dire que je suis débutant? **

Tu peux dire “I’m a beginner” ou “I’m new to working out” ou encore “I’m just starting out”.

Comment demander conseil à un coach en anglais? **

Tu peux dire “Do you have any advice for [ton objectif]?”

                    Ou "What would you recommend for [ton problème/objectif]?"

Reste à jour!

Inscris-toi à ma newsletter pour recevoir régulièrement du vocabulaire anglais et des astuces d’apprentissage.

                S'inscrire **  

            

Parle anglais avec confiance où que tu sois

Que ce soit dans une salle de sport à Londres, New York ou Sydney

Découvre nos cours **

Ce que mes élèves disent

“Grâce à ces cours, j’ai pu suivre un cours de CrossFit à Dublin sans problème. Je comprenais toutes les instructions et pouvais communiquer facilement avec le coach.”

                    ![Sophie L.](32.jpg)

Sophie L.

Étudiante depuis 6 mois

“J’ai découvert ce vocabulaire spécifique juste avant un voyage aux USA. Quelle différence! Je pouvais enfin comprendre mon coach personnel et lui expliquer mes objectifs.”

                    ![Thomas M.](45.jpg)

Thomas M.

Étudiant depuis 1 an

“Les tutoriels de fitness en anglais étaient incompréhensibles pour moi avant. Maintenant, je peux suivre n’importe quelle vidéo YouTube sans difficulté!”

                    ![Julie D.](68.jpg)

Julie D.

Étudiante depuis 3 mois

                The English Workshop

Apprendre l’anglais, simplement.

Navigation

• Accueil

• Vocabulaire

• Cours

• Blog

Ressources

• Vocabulaire PDF

• Quiz d’anglais

• Fiches de révision

• Guide TOEIC

Contact

• Email

• Formulaire

                        [**](#)  
  
                        [**](#)  
  
                        [**](#)  
  
                        [**](#)
                    

© 2023 The English Workshop - Tous droits réservés

                [Politique de confidentialité](#)  

                [Mentions légales](#)
            

[

    **  

](#)

// Menu mobile toggle document.querySelector(‘.menu-toggle’).addEventListener(‘click’, function() { document.querySelector(‘.nav-links’).classList.toggle(‘active’); });

// Toggle FAQ answers document.querySelectorAll(‘.faq-question’).forEach(question => { question.addEventListener(‘click’, () => { const item = question.parentElement; item.classList.toggle(‘active’); }); });

// Recherche dans le tableau de vocabulaire document.getElementById(‘vocabSearch’).addEventListener(‘keyup’, function() { const searchValue = this.value.toLowerCase(); const tableRows = document.querySelectorAll(‘.vocab-table tbody tr’);

tableRows.forEach(row => { const text = row.textContent.toLowerCase(); if (text.includes(searchValue)) { row.style.display = ”; } else { row.style.display = ‘none’; } }); });

// Back to top button const backToTopButton = document.querySelector(‘.back-to-top’);

window.addEventListener(‘scroll’, () => { if (window.pageYOffset > 300) { backToTopButton.classList.add(‘show’); } else { backToTopButton.classList.remove(‘show’); } });

backToTopButton.addEventListener(‘click’, (e) => { e.preventDefault(); window.scrollTo({ top: 0, behavior: ‘smooth’ }); });

// Smooth scroll for anchor links document.querySelectorAll(‘a[href^=”#”]‘).forEach(anchor => { anchor.addEventListener(‘click’, function(e) { e.preventDefault();

const targetId = this.getAttribute(‘href’); if (targetId === ’#’) return;

const targetElement = document.querySelector(targetId); if (targetElement) { window.scrollTo({ top: targetElement.offsetTop - 80, behavior: ‘smooth’ }); } }); });

// Animation au défilement avec Intersection Observer const animatedItems = document.querySelectorAll(‘.highlight, section, .testimonial-card, .vocab-table-container, .download-cta, .parallax-section’);

const animateOnScroll = (entries, observer) => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add(‘animate-in’); observer.unobserve(entry.target); } }); };

const options = { threshold: 0.2, rootMargin: ‘0px 0px -50px 0px’ };

const observer = new IntersectionObserver(animateOnScroll, options);

animatedItems.forEach(item => { item.classList.add(‘animate-item’); observer.observe(item); });

// Effet de typing sur le titre principal const typingEffect = () => { const text = “Tous les termes essentiels pour être à l’aise dans une salle de sport anglophone”; const subtitle = document.querySelector(‘header .subtitle’); subtitle.textContent = "";

let i = 0; const typing = setInterval(() => { if (i < text.length) { subtitle.textContent += text.charAt(i); i++; } else { clearInterval(typing); } }, 50); };

    // Déclencher l'effet de typing après le chargement de la page
    window.addEventListener('load', typingEffect);