{"id":78493,"date":"2024-09-05T13:32:24","date_gmt":"2024-09-05T13:32:24","guid":{"rendered":"https:\/\/beststringer.com\/tension-systems-in-racquet-stringing-machine-bsw\/"},"modified":"2026-05-21T06:44:29","modified_gmt":"2026-05-21T06:44:29","slug":"tension-systems-in-racquet-stringing-machine-bsw","status":"publish","type":"post","link":"https:\/\/beststringer.com\/fr\/tension-systems-in-racquet-stringing-machine-bsw\/","title":{"rendered":"Syst\u00e8mes de tension dans le cordage des raquettes"},"content":{"rendered":"
\n
\n
\n
\n
\n
\"Syst\u00e8mes<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.1 Introduction aux syst\u00e8mes de tension<\/strong><\/h5>\n\n\n\n

Comprendre les syst\u00e8mes<\/mark> de tension<\/mark> dans le cordage<\/strong><\/h2>\n\n\n\n

Le syst\u00e8me de tension est le c\u0153ur de toute machine \u00e0 corder. Il d\u00e9termine exactement comment la force de traction est appliqu\u00e9e sur la corde, comment l’\u00e9tirement de la corde est g\u00e9r\u00e9, et finalement, la stabilit\u00e9 de votre plan de cordage. Pour tout cordeur de raquette s\u00e9rieux, qu’il s’agisse de cadres de badminton ou de tennis, comprendre le comportement de la machine est tout aussi crucial que de ma\u00eetriser la technique de tissage.

Une id\u00e9e fausse courante est que le r\u00e9glage de la m\u00eame tension de r\u00e9f\u00e9rence sur deux machines diff\u00e9rentes donnera exactement la m\u00eame sensation sur le court. En r\u00e9alit\u00e9, l’approche m\u00e9canique \u2014 en particulier si la machine utilise un syst\u00e8me de tension lock-out (verrouillage) ou un syst\u00e8me \u00e0 traction constante (constant-pull) \u2014 influence consid\u00e9rablement la rigidit\u00e9 r\u00e9elle et la jouabilit\u00e9 de la raquette.

\u00c9tape 1 : Comprenez comment les diff\u00e9rents syst\u00e8mes g\u00e8rent l’\u00e9tirement des cordes. \u00c9tape 2 : Apprenez comment la conception de la t\u00eate de tension impacte la friction et la s\u00e9curit\u00e9. \u00c9tape 3 : D\u00e9couvrez pourquoi un cordeur certifi\u00e9 international s’appuie sur la calibration et la connaissance du syst\u00e8me pour offrir une constance professionnelle, plut\u00f4t que de supposer que la machine fait tout le travail.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Comparaison<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.2 Les deux grandes cat\u00e9gories<\/strong><\/h5>\n\n\n\n

Lock-Out<\/mark> vs Constant-Pull<\/mark><\/strong><\/h2>\n\n\n\n

Un syst\u00e8me de tension lock-out fonctionne sur une m\u00e9canique de \u00ab traction et maintien \u00bb. La machine tire la corde jusqu’\u00e0 atteindre la tension de r\u00e9f\u00e9rence exacte que vous avez d\u00e9finie, puis un frein m\u00e9canique verrouille la t\u00eate en place. Une fois verrouill\u00e9e, la machine arr\u00eate de tirer. \u00c9tant donn\u00e9 que les cordes s’\u00e9tirent naturellement sous la tension, la tension commence imm\u00e9diatement \u00e0 chuter pendant que vous s\u00e9curisez la pince. Les syst\u00e8mes lock-out sont g\u00e9n\u00e9ralement plus rapides et plus abordables, mais n\u00e9cessitent un cordeur qualifi\u00e9 pour maintenir des vitesses de pincement constantes.

Un syst\u00e8me de tension constant-pull (traction constante) fonctionne diff\u00e9remment. Lorsqu’il atteint la tension de r\u00e9f\u00e9rence, il ne se verrouille pas de fa\u00e7on permanente. Au lieu de cela, au fur et \u00e0 mesure que la corde s’allonge et que la tension baisse l\u00e9g\u00e8rement, les capteurs \u00e9lectroniques de la machine d\u00e9tectent cette perte et continuent de tirer bri\u00e8vement pour maintenir la tension exacte r\u00e9gl\u00e9e jusqu’\u00e0 ce que vous la pinciez. Cela se traduit par une perte de tension initiale moindre.

Aucun syst\u00e8me n’est universellement \u00ab meilleur \u00bb ou \u00ab pire \u00bb, mais ils n\u00e9cessitent des ajustements pratiques diff\u00e9rents. Une raquette cord\u00e9e \u00e0 26 lbs sur une machine lock-out peut sembler l\u00e9g\u00e8rement plus souple qu’une raquette cord\u00e9e \u00e0 26 lbs sur une machine constant-pull. Lors d’une formation professionnelle en cordage de raquette, les cordeurs apprennent \u00e0 ajuster leurs r\u00e9glages de r\u00e9f\u00e9rence en fonction du syst\u00e8me qu’ils utilisent.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Explication<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.3 T\u00eates de tension<\/strong><\/h5>\n\n\n\n

Traction Lin\u00e9aire<\/mark> vs Rotative<\/mark><\/strong><\/h2>\n\n\n\n

Au-del\u00e0 de la logique de mise sous tension centrale, la t\u00eate de tension physique elle-m\u00eame modifie la fa\u00e7on dont la corde est manipul\u00e9e. Les deux conceptions principales sont les t\u00eates de tension \u00e0 traction lin\u00e9aire et les t\u00eates de tension rotatives.

Une t\u00eate de tension \u00e0 traction lin\u00e9aire tire la corde vers l’arri\u00e8re en ligne droite, en s’\u00e9loignant du cadre de la raquette. Comme il n’y a pas d’enroulement, de nombreux cordeurs trouvent cela intuitif, et cela minimise les courbures prononc\u00e9es qui peuvent fragiliser les cordes d\u00e9licates. Une t\u00eate de tension rotative, souvent pr\u00e9sente sur les machines manuelles classiques et certaines unit\u00e9s \u00e9lectroniques haut de gamme, tire la corde en l’enroulant autour d’un tambour rotatif ou d’une roue. Cela r\u00e9partit la force de traction en douceur, ce qui est excellent pour la long\u00e9vit\u00e9.

Aucun type de t\u00eate n’est universellement sup\u00e9rieur. Un cordeur professionnel comprend que le maintien d’une pince de traction propre est bien plus important que de d\u00e9battre des conceptions lin\u00e9aires par rapport aux rotatives. Si votre pince de traction est sale ou mal ajust\u00e9e, le glissement endommagera la corde, quelle que soit la technologie de la t\u00eate de tension.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Aper\u00e7u<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.4 Fonctionnalit\u00e9s d’assistance<\/strong><\/h5>\n\n\n\n

Pinces de traction<\/mark> & Pr\u00e9-\u00e9tirage<\/mark><\/strong><\/h2>\n\n\n\n

Les syst\u00e8mes de tension des machines \u00e0 corder modernes int\u00e8grent des fonctions avanc\u00e9es pour optimiser les performances du plan de cordage et pr\u00e9server l’int\u00e9grit\u00e9 de la corde.<\/p>\n\n\n\n

1. Pinces de traction.<\/strong> La pince de traction est le composant sp\u00e9cifique de la t\u00eate de tension qui maintient la corde pendant la traction. Si les plaques de la pince sont encrass\u00e9es par la cire de la corde ou r\u00e9gl\u00e9es trop l\u00e2chement, la corde glissera, entra\u00eenant une perte de tension s\u00e9v\u00e8re. Si elles sont serr\u00e9es trop fort, elles \u00e9craseront l’\u00e2me de la corde, provoquant des casses pr\u00e9matur\u00e9es sur le court.<\/p>\n\n\n\n

2. Fonction de pr\u00e9-\u00e9tirage.<\/strong> De nombreuses machines \u00e9lectroniques constant-pull incluent une fonction de pr\u00e9-\u00e9tirage. Lorsqu’elle est activ\u00e9e (souvent \u00e0 10 % ou 15 %), la machine tire bri\u00e8vement la corde au-del\u00e0 de la tension de r\u00e9f\u00e9rence, puis redescend \u00e0 la valeur cible. Cela permet d’\u00e9liminer le mou initial et l’allongement, r\u00e9duisant ainsi le taux de perte de tension (tenue en livres) au cours des premiers jours de jeu.<\/p>\n\n\n\n

3. Application pratique.<\/strong> Le pr\u00e9-\u00e9tirage n’est pas une r\u00e8gle absolue. Certaines cordes de tennis multifilaments souples ou des cordes de badminton ultra-fines peuvent casser si elles sont pr\u00e9-\u00e9tir\u00e9es de mani\u00e8re agressive. Une certification en cordage de badminton apprend aux cordeurs \u00e0 \u00e9valuer les propri\u00e9t\u00e9s de la corde avant d’activer aveugl\u00e9ment des fonctions de tension suppl\u00e9mentaires.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Calibration<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.5 Pr\u00e9cision<\/strong><\/h5>\n\n\n\n

Calibration<\/mark> & Pr\u00e9cision de la machine<\/mark><\/strong><\/h2>\n\n\n\n

Le c\u0153ur du professionnalisme.<\/strong>
Un syst\u00e8me de tension est totalement inutile s’il est impr\u00e9cis. La calibration de la machine \u00e0 corder est le processus qui consiste \u00e0 mesurer la force de traction physique de la t\u00eate de tension et \u00e0 l’ajuster pour qu’elle corresponde \u00e0 la valeur de r\u00e9f\u00e9rence affich\u00e9e. Si un cordeur n\u00e9glige la calibration, ses montages manqueront fondamentalement de constance.<\/p>\n\n\n\n

D\u00e9rive et entretien.<\/strong>
Tous les syst\u00e8mes, qu’il s’agisse de syst\u00e8mes lock-out m\u00e9caniques ou de machines constant-pull \u00e9lectroniques haut de gamme, subissent une d\u00e9rive au fil du temps en raison de la friction, de l’usure \u00e9lectronique ou du transport. Une v\u00e9rification r\u00e9guli\u00e8re \u00e0 l’aide d’un calibrateur de tension num\u00e9rique fiable est une habitude obligatoire pour tout cordeur professionnel s\u00e9rieux.<\/p>\n\n\n\n

Responsabilit\u00e9 du cordeur.<\/strong>
Un cordeur de badminton ne doit jamais faire une confiance aveugle \u00e0 l’affichage de la machine. Dans tout parcours de certification de cordeur respect\u00e9, on enseigne aux participants qu’effectuer une traction pr\u00e9cise est la combinaison d’une machine calibr\u00e9e, de pinces de traction propres et d’un pincement minutieux, et non pas seulement de r\u00e9gler un chiffre et d’appuyer sur un bouton.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Cordeur<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.6 Application pratique<\/strong><\/h5>\n\n\n\n

Choisir<\/mark> le bon syst\u00e8me<\/mark><\/strong><\/h2>\n\n\n\n

Lors de la s\u00e9lection ou de l’utilisation d’un syst\u00e8me de tension, un cordeur doit \u00e9quilibrer l’efficacit\u00e9 du flux de travail, la portabilit\u00e9 et la constance souhait\u00e9e. Il n’existe pas de r\u00e9ponse unique.<\/p>\n\n\n\n

\u00c9tape 1 : \u00c9valuez votre environnement.<\/strong> Un syst\u00e8me lock-out sur une machine \u00e0 manivelle est tr\u00e8s portable, ne n\u00e9cessite pas d’\u00e9lectricit\u00e9 et corde extr\u00eamement vite. C’est un excellent choix pour les cordeurs d\u00e9butants ou les installations mobiles, \u00e0 condition que le cordeur maintienne un rythme de traction constant.<\/p>\n\n\n\n

\u00c9tape 2 : \u00c9valuez vos besoins en constance.<\/strong> Un syst\u00e8me de tension \u00e9lectronique constant-pull offre un maintien de la tension dynamique sup\u00e9rieur, ce qui en fait le choix privil\u00e9gi\u00e9 des boutiques commerciales et des cordeurs avanc\u00e9s o\u00f9 l’on s’attend quotidiennement \u00e0 une pr\u00e9paration de raquette d’une pr\u00e9cision absolue.<\/p>\n\n\n\n

\u00c9tape 3 : Ma\u00eetrisez la machine.<\/strong> L’\u00e9quipement ne vaut que par son op\u00e9rateur. Un cordeur certifi\u00e9 international comprend que l’adoption des meilleures pratiques, comme le nettoyage r\u00e9gulier de la t\u00eate de tension et une calibration pr\u00e9cise, importe bien plus que la marque affich\u00e9e sur le c\u00f4t\u00e9 de la machine.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n
\n
\"Cordeur<\/figure>\n<\/div>\n<\/div><\/div>\n<\/div><\/div><\/div>\n\n
\n\n
1.7 \u00c9volution professionnelle<\/strong><\/h5>\n\n\n\n

Impact sur les performances<\/mark> de la corde<\/mark><\/strong><\/h2>\n\n\n\n

Le syst\u00e8me de tension influence directement les performances d’une raquette sur le court. Une traction uniforme et enti\u00e8rement compens\u00e9e cr\u00e9e un plan de cordage qui offre une meilleure tenue en livres, offrant aux joueurs un contr\u00f4le et une puissance plus pr\u00e9visibles.<\/p>\n\n\n\n

Lorsqu’un cordeur passe d’un syst\u00e8me lock-out \u00e0 un syst\u00e8me constant-pull, il doit souvent avertir les joueurs que les nouveaux plans de cordage peuvent sembler l\u00e9g\u00e8rement plus rigides qu’auparavant \u00e0 la m\u00eame tension de r\u00e9f\u00e9rence, car la machine compense l’allongement.<\/p>\n\n\n\n

C’est l\u00e0 que l’\u00e9ducation dispens\u00e9e dans un cours de cordage de badminton prend tout son sens. Une base de connaissances professionnelle sur la tension des cordes garantit que les techniciens ne se contentent pas de tirer aveugl\u00e9ment les cordes ; ils interpr\u00e8tent le comportement de la machine et le traduisent en performances de raquette v\u00e9rifiables et de niveau \u00e9lite pour leurs clients.<\/p>\n\n<\/div><\/div><\/div>\n<\/div>\n\n

\n
\n
\n\n

FAQ rapide<\/mark> sur les syst\u00e8mes de tension<\/mark><\/h2>\n\n\n\n

Des r\u00e9ponses claires et directes pour comprendre et utiliser les syst\u00e8mes de tension des machines \u00e0 corder.<\/p>\n\n\n

\n
\n\n

Quelle est la diff\u00e9rence entre lock-out et constant-pull<\/mark> ?<\/h3>\n\n\n\n

Un syst\u00e8me lock-out tire jusqu’\u00e0 la tension cible et s’arr\u00eate compl\u00e8tement, permettant \u00e0 la corde de se d\u00e9tendre l\u00e9g\u00e8rement avant le pincement. Un syst\u00e8me constant-pull continue bri\u00e8vement de tirer apr\u00e8s avoir atteint la cible pour compenser cet allongement naturel de la corde.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Le m\u00eame r\u00e9glage de tension donne-t-il toujours le m\u00eame r\u00e9sultat<\/mark> ?<\/h3>\n\n\n\n

Non. R\u00e9gler une machine \u00e0 26 lbs sur une manivelle lock-out donnera g\u00e9n\u00e9ralement un plan de cordage final l\u00e9g\u00e8rement plus souple qu’un r\u00e9glage \u00e0 26 lbs sur une machine \u00e9lectronique constant-pull, en raison de la fa\u00e7on dont l’allongement est g\u00e9r\u00e9.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Que fait r\u00e9ellement une fonction de pr\u00e9-\u00e9tirage<\/mark> ?<\/h3>\n\n\n\n

La fonction de pr\u00e9-\u00e9tirage ordonne \u00e0 la t\u00eate de tension \u00e9lectronique de sur-tirer la corde d’un pourcentage d\u00e9fini (comme 10 %) avant de revenir \u00e0 la tension de r\u00e9f\u00e9rence. Cela \u00e9limine le mou initial et r\u00e9duit la perte de tension pendant le jeu.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Quelle est la diff\u00e9rence entre un syst\u00e8me et une t\u00eate de tension<\/mark> ?<\/h3>\n\n\n\n

Le \u00ab syst\u00e8me \u00bb de tension est le cerveau m\u00e9canique ou \u00e9lectronique qui dicte la fa\u00e7on dont la machine r\u00e9agit \u00e0 l’\u00e9tirement de la corde (par exemple, constant-pull). La \u00ab t\u00eate \u00bb de tension est la pi\u00e8ce mobile physique qui attrape et tire r\u00e9ellement la corde (par exemple, lin\u00e9aire ou rotative).<\/p>\n\n<\/div><\/div>\n\n

\n\n

Pourquoi la calibration est-elle si importante<\/mark> ?<\/h3>\n\n\n\n

Si la t\u00eate de tension d\u00e9rive avec le temps, la machine ne tirera pas avec la bonne force. La calibration de la machine \u00e0 corder garantit que votre r\u00e9glage de r\u00e9f\u00e9rence correspond \u00e0 la r\u00e9alit\u00e9 physique, maintenant une constance professionnelle pour chaque raquette.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Un syst\u00e8me \u00e9lectronique constant-pull est-il requis pour obtenir de bons r\u00e9sultats<\/mark> ?<\/h3>\n\n\n\n

Non. Un cordeur qualifi\u00e9 utilisant une machine manuelle lock-out bien calibr\u00e9e peut produire d’excellents r\u00e9sultats tr\u00e8s jouables. Un syst\u00e8me \u00e9lectronique co\u00fbteux offre plus de commodit\u00e9 et un maintien de tension sup\u00e9rieur, mais il ne remplace pas la technique de cordage fondamentale.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Pourquoi garder la pince de traction propre<\/mark> ?<\/h3>\n\n\n\n

La pince de traction maintient directement la corde pendant la traction \u00e0 haute tension. Si elle accumule de la salet\u00e9 ou de la cire de corde, la corde glissera, ruinant la traction de la tension et risquant de gratter le rev\u00eatement ext\u00e9rieur des cordes d\u00e9licates.<\/p>\n\n<\/div><\/div>\n\n

\n\n

Pourquoi apprendre cela pour une certification de cordeur<\/mark> ?<\/h3>\n\n\n\n

Un cordeur certifi\u00e9 international doit garantir la constance. En comprenant exactement comment les syst\u00e8mes de tension g\u00e8rent la force de traction, l’allongement et la calibration, vous pouvez fournir des montages pr\u00e9cis auxquels les joueurs font confiance, quelle que soit la machine sp\u00e9cifique que vous utilisez.<\/p>\n\n<\/div><\/div>\n\n

\n\n

La traction lin\u00e9aire ou rotative<\/mark> est-elle plus importante ?<\/h3>\n\n\n\n

Les deux conceptions peuvent \u00eatre exceptionnellement efficaces. Certains cordeurs pr\u00e9f\u00e8rent la traction droite d’une t\u00eate lin\u00e9aire pour r\u00e9duire les contraintes de flexion, tandis que d’autres pr\u00e9f\u00e8rent l’enroulement m\u00e9canique en douceur d’une t\u00eate rotative. La propret\u00e9 et le r\u00e9glage comptent bien plus que le format lui-m\u00eame.<\/p>\n\n<\/div><\/div>\n<\/div>\n\n

\n\n

Simulateur de syst\u00e8me de tension : Lock-Out<\/mark> vs Constant-Pull<\/mark><\/h2>\n\n\n\n\n\n\n \n \n Simulateur professionnel de syst\u00e8mes de tension<\/title>\n <style>\n \/* Scoped Container Variables *\/\n #bsw-tension-module {\n --bsw-primary: #0B2447;\n --bsw-secondary: #19376D;\n --bsw-accent: #FFD700;\n --bsw-bg-light: #f8fafc;\n --bsw-text-main: #334155;\n --bsw-text-muted: #64748b;\n --bsw-border: #e2e8f0;\n \n --bsw-mach-dark: #0f172a;\n --bsw-mach-mid: #334155;\n --bsw-mach-light: #94a3b8;\n --bsw-cp-dark: #172554;\n --bsw-cp-mid: #1e3a8a;\n \n --bsw-tension-low: #94a3b8;\n --bsw-tension-target: #10b981;\n --bsw-tension-drop: #f59e0b;\n --bsw-tension-over: #ef4444;\n \n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif !important;\n background: #ffffff !important;\n color: var(--bsw-text-main) !important;\n width: 100% !important;\n max-width: 1000px !important;\n margin: 2rem auto !important;\n border-radius: 16px !important;\n box-shadow: 0 12px 36px rgba(11, 36, 71, 0.08) !important;\n border: 1px solid var(--bsw-border) !important;\n box-sizing: border-box !important;\n overflow: hidden !important;\n display: flex !important;\n flex-direction: column !important;\n }\n\n #bsw-tension-module * {\n box-sizing: border-box !important;\n margin: 0;\n padding: 0;\n }\n\n \/* WordPress Button Reset *\/\n #bsw-tension-module button {\n appearance: none !important;\n -webkit-appearance: none !important;\n outline: none !important;\n font-family: inherit !important;\n }\n\n \/* Header Area *\/\n .bsw-ts-header {\n background: linear-gradient(135deg, var(--bsw-primary), var(--bsw-secondary)) !important;\n padding: 1.5rem 2rem !important;\n color: white !important;\n display: flex !important;\n justify-content: space-between !important;\n align-items: center !important;\n border-bottom: 4px solid var(--bsw-accent) !important;\n }\n\n .bsw-ts-header h2 {\n font-size: 1.5rem !important;\n font-weight: 700 !important;\n margin-bottom: 0.25rem !important;\n color: white !important;\n }\n\n .bsw-ts-header p {\n font-size: 0.9rem !important;\n opacity: 0.85 !important;\n color: #e2e8f0 !important;\n }\n\n .bsw-ts-badge {\n background: rgba(255, 255, 255, 0.1) !important;\n padding: 0.5rem 1rem !important;\n border-radius: 20px !important;\n font-size: 0.75rem !important;\n font-weight: 700 !important;\n letter-spacing: 1px !important;\n text-transform: uppercase !important;\n border: 1px solid rgba(255, 215, 0, 0.3) !important;\n color: var(--bsw-accent) !important;\n }\n\n \/* Layout *\/\n .bsw-ts-content {\n display: flex !important;\n flex-direction: row !important;\n width: 100% !important;\n }\n\n @media (max-width: 768px) {\n .bsw-ts-content { \n flex-direction: column !important; \n }\n .bsw-ts-header {\n padding: 1.25rem !important;\n }\n .bsw-ts-visualizer {\n padding: 1rem !important;\n min-height: 300px !important;\n }\n .bsw-ts-inspector {\n padding: 1.25rem !important;\n }\n .bsw-ts-header h2 {\n font-size: 1.25rem !important;\n }\n }\n\n \/* Left: Visualizer *\/\n .bsw-ts-visualizer {\n flex: 1 1 50% !important;\n background-color: var(--bsw-bg-light) !important;\n background-image: linear-gradient(var(--bsw-border) 1px, transparent 1px), linear-gradient(90deg, var(--bsw-border) 1px, transparent 1px) !important;\n background-size: 20px 20px !important;\n position: relative !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n padding: 2rem !important;\n border-right: 1px solid var(--bsw-border) !important;\n min-height: 420px !important;\n }\n\n .bsw-ts-svg-container {\n width: 100% !important;\n max-width: 450px !important;\n height: auto !important;\n filter: drop-shadow(0 15px 25px rgba(0,0,0,0.05)) !important;\n }\n\n \/* Right: Inspector Panel *\/\n .bsw-ts-inspector {\n flex: 1 1 50% !important;\n padding: 2rem !important;\n display: flex !important;\n flex-direction: column !important;\n background: #ffffff !important;\n }\n\n \/* Tool Selectors *\/\n .bsw-ts-tabs {\n display: flex !important;\n flex-direction: column !important;\n gap: 0.75rem !important;\n margin-bottom: 2rem !important;\n }\n\n .bsw-ts-tab-btn {\n background: #ffffff !important;\n border: 2px solid var(--bsw-border) !important;\n border-radius: 8px !important;\n padding: 0.85rem 1.25rem !important;\n text-align: left !important;\n font-size: 0.95rem !important;\n font-weight: 600 !important;\n color: var(--bsw-text-main) !important;\n cursor: pointer !important;\n transition: all 0.2s ease !important;\n display: flex !important;\n align-items: center !important;\n gap: 0.75rem !important;\n }\n\n .bsw-ts-tab-btn:hover {\n border-color: var(--bsw-secondary) !important;\n background: var(--bsw-bg-light) !important;\n }\n\n .bsw-ts-tab-btn.active {\n border-color: var(--bsw-primary) !important;\n background: var(--bsw-primary) !important;\n color: white !important;\n box-shadow: 0 4px 10px rgba(11, 36, 71, 0.2) !important;\n }\n\n .bsw-ts-tab-icon {\n width: 24px !important;\n height: 24px !important;\n display: flex !important;\n align-items: center !important;\n justify-content: center !important;\n background: var(--bsw-bg-light) !important;\n border-radius: 6px !important;\n font-size: 14px !important;\n }\n \n .bsw-ts-tab-btn.active .bsw-ts-tab-icon {\n background: rgba(255,255,255,0.2) !important;\n }\n\n \/* Information Panel *\/\n .bsw-ts-info-panel {\n background: var(--bsw-bg-light) !important;\n border-radius: 12px !important;\n padding: 1.5rem !important;\n border: 1px solid var(--bsw-border) !important;\n flex-grow: 1 !important;\n animation: fadeIn 0.3s ease !important;\n }\n\n @keyframes fadeIn {\n from { opacity: 0; transform: translateY(5px); }\n to { opacity: 1; transform: translateY(0); }\n }\n\n .bsw-ts-info-title {\n font-size: 1.25rem !important;\n font-weight: 800 !important;\n color: var(--bsw-primary) !important;\n margin-bottom: 0.5rem !important;\n display: flex !important;\n align-items: center !important;\n gap: 0.5rem !important;\n }\n\n .bsw-ts-info-desc {\n font-size: 0.95rem !important;\n line-height: 1.6 !important;\n color: var(--bsw-text-muted) !important;\n margin-bottom: 1.5rem !important;\n }\n\n .bsw-ts-pro-tip {\n background: rgba(255, 215, 0, 0.1) !important;\n border-left: 4px solid var(--bsw-accent) !important;\n padding: 1rem !important;\n border-radius: 0 8px 8px 0 !important;\n font-size: 0.85rem !important;\n line-height: 1.5 !important;\n color: var(--bsw-primary) !important;\n }\n\n .bsw-ts-pro-tip strong {\n display: block !important;\n font-size: 0.75rem !important;\n text-transform: uppercase !important;\n letter-spacing: 0.5px !important;\n color: #b45309 !important;\n margin-bottom: 0.25rem !important;\n }\n\n \/* --- SVG ANIMATIONS --- *\/\n .bsw-sys-layer {\n display: none;\n opacity: 0;\n transition: opacity 0.3s ease;\n }\n .bsw-sys-layer.active {\n display: block;\n opacity: 1;\n }\n\n \/* 1. Lock-Out Animations *\/\n .bsw-sys-layer.active #anim-lo-head { animation: loHeadPull 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active #anim-lo-crank { animation: loCrankTurn 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active #anim-lo-brake { animation: loBrakeSnap 5s infinite cubic-bezier(0.25, 1, 0.5, 1); transform-origin: center bottom; }\n .bsw-sys-layer.active .color-lo-string { animation: loStringTension 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active .stretch-lo-string { animation: loStringStretch 5s infinite cubic-bezier(0.25, 1, 0.5, 1); transform-origin: 90px 220px; }\n .bsw-sys-layer.active #anim-lo-text { animation: loTextFade 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n\n @keyframes loHeadPull {\n 0%, 10% { transform: translateX(0); }\n 30%, 85% { transform: translateX(80px); }\n 95%, 100% { transform: translateX(0); }\n }\n @keyframes loCrankTurn {\n 0%, 10% { transform: rotate(0deg); }\n 30%, 85% { transform: rotate(360deg); }\n 95%, 100% { transform: rotate(0deg); }\n }\n @keyframes loBrakeSnap {\n 0%, 28% { transform: rotate(-30deg); }\n 32%, 85% { transform: rotate(0deg); } \/* Snaps down to lock *\/\n 90%, 100% { transform: rotate(-30deg); }\n }\n @keyframes loStringTension {\n 0%, 10% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n 30% { stroke: var(--bsw-tension-target); stroke-width: 4px; }\n 40%, 85% { stroke: var(--bsw-tension-drop); stroke-width: 3px; } \/* Tension drops *\/\n 95%, 100% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n }\n @keyframes loStringStretch {\n 0%, 10% { transform: scaleX(1); }\n 30%, 85% { transform: scaleX(3); } \/* Base 40px stretches to 120px *\/\n 95%, 100% { transform: scaleX(1); }\n }\n @keyframes loTextFade {\n 0%, 35% { opacity: 0; transform: translateY(5px); }\n 40%, 85% { opacity: 1; transform: translateY(0); }\n 90%, 100% { opacity: 0; }\n }\n\n \/* 2. Constant-Pull Animations *\/\n .bsw-sys-layer.active #anim-cp-head { animation: cpHeadPull 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active .color-cp-string { animation: cpStringTension 5s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active .stretch-cp-string { animation: cpStringStretch 5s infinite cubic-bezier(0.25, 1, 0.5, 1); transform-origin: 90px 220px; }\n .bsw-sys-layer.active #anim-cp-sensor { animation: cpSensorPulse 5s infinite; }\n .bsw-sys-layer.active #anim-cp-text { animation: cpTextFade 5s infinite; }\n\n @keyframes cpHeadPull {\n 0%, 10% { transform: translateX(0); }\n 30% { transform: translateX(80px); } \/* Initial Pull *\/\n 45% { transform: translateX(84px); } \/* Micro Adjust 1 *\/\n 60% { transform: translateX(88px); } \/* Micro Adjust 2 *\/\n 75%, 85% { transform: translateX(92px); } \/* Micro Adjust 3 *\/\n 95%, 100% { transform: translateX(0); }\n }\n @keyframes cpStringTension {\n 0%, 10% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n 30%, 85% { stroke: var(--bsw-tension-target); stroke-width: 4px; } \/* Stays perfect *\/\n 95%, 100% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n }\n @keyframes cpStringStretch {\n 0%, 10% { transform: scaleX(1); }\n 30% { transform: scaleX(3); } \/* 120\/40 *\/\n 45% { transform: scaleX(3.1); } \/* 124\/40 *\/\n 60% { transform: scaleX(3.2); } \/* 128\/40 *\/\n 75%, 85% { transform: scaleX(3.3); } \/* 132\/40 *\/\n 95%, 100% { transform: scaleX(1); }\n }\n @keyframes cpSensorPulse {\n 0%, 30% { opacity: 0; stroke-width: 1; transform: scale(0.8); }\n 45%, 60%, 75% { opacity: 1; stroke-width: 4; stroke: var(--bsw-accent); transform: scale(1.2); }\n 50%, 65%, 80% { opacity: 0.3; stroke-width: 2; stroke: var(--bsw-tension-target); transform: scale(1); }\n 86%, 100% { opacity: 0; }\n }\n @keyframes cpTextFade {\n 0%, 25% { opacity: 0; transform: translateY(5px); }\n 30%, 85% { opacity: 1; transform: translateY(0); }\n 90%, 100% { opacity: 0; }\n }\n\n \/* 3. Pre-Stretch Animations *\/\n .bsw-sys-layer.active #anim-pre-head { animation: preHeadPull 6s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active .color-pre-string { animation: preStringTension 6s infinite cubic-bezier(0.25, 1, 0.5, 1); }\n .bsw-sys-layer.active .stretch-pre-string { animation: preStringStretch 6s infinite cubic-bezier(0.25, 1, 0.5, 1); transform-origin: 90px 220px; }\n .bsw-sys-layer.active .pre-val-28 { animation: preNumRed 6s infinite step-end; }\n .bsw-sys-layer.active .pre-val-26 { animation: preNumGreen 6s infinite step-end; }\n .bsw-sys-layer.active #anim-pre-text { animation: preTextFade 6s infinite; }\n\n @keyframes preHeadPull {\n 0%, 10% { transform: translateX(0); }\n 30%, 45% { transform: translateX(115px); } \/* Overshoot (Pre-stretch) *\/\n 55%, 85% { transform: translateX(80px); } \/* Settle to target *\/\n 95%, 100% { transform: translateX(0); }\n }\n @keyframes preStringTension {\n 0%, 10% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n 30%, 45% { stroke: var(--bsw-tension-over); stroke-width: 5px; } \/* Over-tensioned *\/\n 55%, 85% { stroke: var(--bsw-tension-target); stroke-width: 4px; } \/* Settled perfectly *\/\n 95%, 100% { stroke: var(--bsw-tension-low); stroke-width: 2px; }\n }\n @keyframes preStringStretch {\n 0%, 10% { transform: scaleX(1); }\n 30%, 45% { transform: scaleX(3.875); } \/* 155\/40 *\/\n 55%, 85% { transform: scaleX(3); } \/* 120\/40 *\/\n 95%, 100% { transform: scaleX(1); }\n }\n @keyframes preNumRed {\n 0%, 29% { opacity: 0; }\n 30%, 54% { opacity: 1; }\n 55%, 100% { opacity: 0; }\n }\n @keyframes preNumGreen {\n 0%, 29% { opacity: 1; } \/* Showing 26.0 initially *\/\n 30%, 54% { opacity: 0; }\n 55%, 100% { opacity: 1; }\n }\n @keyframes preTextFade {\n 0%, 25% { opacity: 0; }\n 30%, 50% { opacity: 1; fill: var(--bsw-tension-over); }\n 55%, 85% { opacity: 1; fill: var(--bsw-tension-target); }\n 90%, 100% { opacity: 0; }\n }\n\n <\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-tension-module\">\n <!-- Header -->\n <div class=\"bsw-ts-header\">\n <div>\n <h2>Simulateur de syst\u00e8mes de tension<\/h2>\n <p>Observez comment diff\u00e9rentes m\u00e9caniques g\u00e8rent la force de traction et l’allongement des cordes<\/p>\n <\/div>\n <div class=\"bsw-ts-badge\">Formation \u00c9quipement<\/div>\n <\/div>\n\n <!-- Content Area -->\n <div class=\"bsw-ts-content\">\n <!-- Visualizer -->\n <div class=\"bsw-ts-visualizer\">\n <div class=\"bsw-ts-svg-container\">\n <svg viewBox=\"0 0 450 350\" width=\"100%\" height=\"100%\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n \n <!-- Base Environment (Shared) -->\n \n <!-- Racquet Frame (Left side) -->\n <path d=\"M 20 120 Q 90 120 90 220 Q 90 320 20 320\" fill=\"none\" stroke=\"var(--bsw-mach-dark)\" stroke-width=\"15\" stroke-linecap=\"round\"\/>\n <path d=\"M 20 120 Q 90 120 90 220 Q 90 320 20 320\" fill=\"none\" stroke=\"var(--bsw-mach-mid)\" stroke-width=\"8\" stroke-linecap=\"round\"\/>\n \n <!-- Mock Stringbed Lines inside racquet -->\n <g stroke=\"#94a3b8\" stroke-width=\"1.5\" opacity=\"0.5\">\n <line x1=\"20\" y1=\"150\" x2=\"84\" y2=\"150\"\/>\n <line x1=\"20\" y1=\"170\" x2=\"88\" y2=\"170\"\/>\n <line x1=\"20\" y1=\"190\" x2=\"90\" y2=\"190\"\/>\n <line x1=\"20\" y1=\"210\" x2=\"90\" y2=\"210\"\/>\n <line x1=\"20\" y1=\"230\" x2=\"90\" y2=\"230\"\/>\n <line x1=\"20\" y1=\"250\" x2=\"88\" y2=\"250\"\/>\n <line x1=\"20\" y1=\"270\" x2=\"84\" y2=\"270\"\/>\n <\/g>\n\n <!-- Active Grommet -->\n <rect x=\"85\" y=\"215\" width=\"12\" height=\"10\" rx=\"2\" fill=\"#020617\"\/>\n <circle cx=\"90\" cy=\"220\" r=\"3\" fill=\"#cbd5e1\"\/>\n\n <!-- Machine Pull Track -->\n <rect x=\"100\" y=\"260\" width=\"320\" height=\"20\" rx=\"4\" fill=\"var(--bsw-mach-mid)\"\/>\n <rect x=\"110\" y=\"265\" width=\"300\" height=\"10\" rx=\"2\" fill=\"#020617\"\/>\n\n\n <!-- SCENE 1: LOCK-OUT (MECHANICAL CRANK) -->\n <g id=\"scene-lockout\" class=\"bsw-sys-layer active\">\n \n <!-- Stretched String (Racquet to Gripper Entry) -->\n <line class=\"color-lo-string stretch-lo-string\" x1=\"90\" y1=\"220\" x2=\"130\" y2=\"220\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n \n <!-- Dynamic Educational Labels -->\n <text id=\"anim-lo-text\" x=\"250\" y=\"110\" fill=\"var(--bsw-tension-drop)\" font-size=\"14\" font-weight=\"bold\" text-anchor=\"middle\">\n <tspan x=\"250\" dy=\"0\">CHUTE PAR ALLONGEMENT<\/tspan>\n <tspan x=\"250\" dy=\"20\" font-size=\"12\" fill=\"#64748b\">R\u00e9sultat : Sensation de plan de cordage plus souple<\/tspan>\n <\/text>\n\n <!-- Tension Head (Mechanical Crank Style) -->\n <g id=\"anim-lo-head\" transform=\"translate(150, 180)\">\n \n <!-- Main Body -->\n <path d=\"M 0 10 L 80 10 Q 90 10 90 20 L 90 80 L 0 80 Z\" fill=\"#1e293b\"\/>\n \n <!-- Internal String Path (Through gripper, around crank) -->\n <path class=\"color-lo-string\" d=\"M -20 40 L 45 40 A 15 15 0 0 1 60 55\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n\n <!-- String Gripper (Covers the internal string) -->\n <rect x=\"-20\" y=\"30\" width=\"30\" height=\"20\" rx=\"2\" fill=\"#64748b\"\/>\n <line x1=\"-20\" y1=\"40\" x2=\"10\" y2=\"40\" stroke=\"#0f172a\" stroke-width=\"2\"\/>\n \n <!-- Analog Tension Dial -->\n <circle cx=\"45\" cy=\"45\" r=\"22\" fill=\"#f8fafc\" stroke=\"#64748b\" stroke-width=\"4\"\/>\n <path d=\"M 25 45 A 20 20 0 0 1 65 45\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"4\"\/>\n <line x1=\"45\" y1=\"45\" x2=\"35\" y2=\"30\" stroke=\"#0f172a\" stroke-width=\"2\" stroke-linecap=\"round\"\/>\n <circle cx=\"45\" cy=\"45\" r=\"3\" fill=\"#0f172a\"\/>\n \n <!-- Mechanical Brake Lever -->\n <g id=\"anim-lo-brake\" transform=\"translate(45, 15)\">\n <rect x=\"-5\" y=\"-25\" width=\"10\" height=\"25\" rx=\"3\" fill=\"#ef4444\"\/>\n <\/g>\n \n <!-- Crank Arm -->\n <g id=\"anim-lo-crank\" transform=\"translate(45, 45)\">\n <line x1=\"0\" y1=\"0\" x2=\"0\" y2=\"35\" stroke=\"#cbd5e1\" stroke-width=\"6\" stroke-linecap=\"round\"\/>\n <circle cx=\"0\" cy=\"35\" r=\"8\" fill=\"#0f172a\"\/>\n <\/g>\n \n <!-- Educational Pointer -->\n <path d=\"M 50 -10 L 70 -30 M 70 -30 L 110 -30\" fill=\"none\" stroke=\"#ef4444\" stroke-width=\"2\"\/>\n <text x=\"115\" y=\"-26\" fill=\"#ef4444\" font-size=\"10\" font-weight=\"bold\">TRACTION & MAINTIEN<\/text>\n <\/g>\n <\/g>\n\n\n <!-- SCENE 2: CONSTANT-PULL (ELECTRONIC) -->\n <g id=\"scene-cp\" class=\"bsw-sys-layer\">\n \n <!-- Stretched String (Racquet to Gripper Entry) -->\n <line class=\"color-cp-string stretch-cp-string\" x1=\"90\" y1=\"220\" x2=\"130\" y2=\"220\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n \n <!-- Dynamic Educational Labels -->\n <text id=\"anim-cp-text\" x=\"250\" y=\"110\" fill=\"var(--bsw-tension-target)\" font-size=\"14\" font-weight=\"bold\" text-anchor=\"middle\">\n <tspan x=\"250\" dy=\"0\">COMPENSATION ACTIVE<\/tspan>\n <tspan x=\"250\" dy=\"20\" font-size=\"12\" fill=\"#64748b\">R\u00e9sultat : Fermet\u00e9 & Constance d’\u00e9lite<\/tspan>\n <\/text>\n\n <!-- Tension Head (Modern Electronic Style) -->\n <g id=\"anim-cp-head\" transform=\"translate(150, 180)\">\n \n <!-- Modern Blue Housing -->\n <path d=\"M 0 15 Q 0 0 15 0 L 90 0 Q 100 0 100 15 L 100 80 L 0 80 Z\" fill=\"var(--bsw-cp-mid)\"\/>\n <path d=\"M 0 40 L 100 40 L 100 80 L 0 80 Z\" fill=\"var(--bsw-cp-dark)\"\/>\n \n <!-- Internal String Path (Linear through head) -->\n <line class=\"color-cp-string\" x1=\"-20\" y1=\"40\" x2=\"90\" y2=\"40\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n\n <!-- String Gripper -->\n <rect x=\"-20\" y=\"30\" width=\"30\" height=\"20\" rx=\"2\" fill=\"#94a3b8\"\/>\n <line x1=\"-20\" y1=\"40\" x2=\"10\" y2=\"40\" stroke=\"#0f172a\" stroke-width=\"2\"\/>\n \n <!-- Digital Display Screen -->\n <rect x=\"25\" y=\"10\" width=\"60\" height=\"25\" rx=\"3\" fill=\"#020617\"\/>\n <text x=\"55\" y=\"28\" fill=\"#10b981\" font-family=\"monospace\" font-size=\"16\" font-weight=\"bold\" text-anchor=\"middle\">26.0<\/text>\n \n <!-- Keypad Buttons -->\n <circle cx=\"35\" cy=\"55\" r=\"4\" fill=\"#cbd5e1\"\/>\n <circle cx=\"55\" cy=\"55\" r=\"4\" fill=\"#cbd5e1\"\/>\n <circle cx=\"75\" cy=\"55\" r=\"4\" fill=\"#ef4444\"\/>\n \n <!-- Active Sensor Ring -->\n <circle id=\"anim-cp-sensor\" cx=\"-5\" cy=\"40\" r=\"18\" fill=\"none\" stroke=\"#38bdf8\" stroke-width=\"3\" transform-origin=\"-5 40\"\/>\n \n <!-- Educational Pointer -->\n <path d=\"M 80 20 L 100 -10 L 140 -10\" fill=\"none\" stroke=\"#10b981\" stroke-width=\"2\"\/>\n <text x=\"145\" y=\"-6\" fill=\"#10b981\" font-size=\"10\" font-weight=\"bold\">AJUSTEMENT AUTO<\/text>\n <\/g>\n <\/g>\n\n\n <!-- SCENE 3: PRE-STRETCH FEATURE -->\n <g id=\"scene-pre\" class=\"bsw-sys-layer\">\n \n <!-- Stretched String (Racquet to Gripper Entry) -->\n <line class=\"color-pre-string stretch-pre-string\" x1=\"90\" y1=\"220\" x2=\"130\" y2=\"220\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n \n <!-- Dynamic Educational Labels -->\n <text id=\"anim-pre-text\" x=\"250\" y=\"110\" font-size=\"14\" font-weight=\"bold\" text-anchor=\"middle\">\n <tspan x=\"250\" dy=\"0\">PR\u00c9-\u00c9TIRAGE +10% ACTIF<\/tspan>\n <tspan x=\"250\" dy=\"20\" font-size=\"12\" fill=\"#64748b\">\u00c9limine le mou initial<\/tspan>\n <\/text>\n\n <!-- Tension Head (Modern Electronic Style) -->\n <g id=\"anim-pre-head\" transform=\"translate(150, 180)\">\n \n <!-- Modern Blue Housing -->\n <path d=\"M 0 15 Q 0 0 15 0 L 90 0 Q 100 0 100 15 L 100 80 L 0 80 Z\" fill=\"var(--bsw-cp-mid)\"\/>\n <path d=\"M 0 40 L 100 40 L 100 80 L 0 80 Z\" fill=\"var(--bsw-cp-dark)\"\/>\n \n <!-- Internal String Path (Linear through head) -->\n <line class=\"color-pre-string\" x1=\"-20\" y1=\"40\" x2=\"90\" y2=\"40\" fill=\"none\" stroke=\"var(--bsw-tension-low)\" stroke-width=\"2\" vector-effect=\"non-scaling-stroke\"\/>\n\n <!-- String Gripper -->\n <rect x=\"-20\" y=\"30\" width=\"30\" height=\"20\" rx=\"2\" fill=\"#94a3b8\"\/>\n <line x1=\"-20\" y1=\"40\" x2=\"10\" y2=\"40\" stroke=\"#0f172a\" stroke-width=\"2\"\/>\n\n <!-- Digital Display Screen (Animates) -->\n <rect x=\"25\" y=\"10\" width=\"60\" height=\"25\" rx=\"3\" fill=\"#020617\"\/>\n <text class=\"pre-val-28\" x=\"55\" y=\"28\" fill=\"#ef4444\" font-family=\"monospace\" font-size=\"16\" font-weight=\"bold\" text-anchor=\"middle\">28.6<\/text>\n <text class=\"pre-val-26\" x=\"55\" y=\"28\" fill=\"#10b981\" font-family=\"monospace\" font-size=\"16\" font-weight=\"bold\" text-anchor=\"middle\">26.0<\/text>\n \n <!-- Keypad Buttons -->\n <circle cx=\"35\" cy=\"55\" r=\"4\" fill=\"var(--bsw-accent)\"\/> <!-- Highlighted yellow button -->\n <circle cx=\"55\" cy=\"55\" r=\"4\" fill=\"#cbd5e1\"\/>\n <circle cx=\"75\" cy=\"55\" r=\"4\" fill=\"#ef4444\"\/>\n \n <!-- Educational Pointer -->\n <path d=\"M 80 20 L 100 -10 L 130 -10\" fill=\"none\" stroke=\"var(--bsw-accent)\" stroke-width=\"2\"\/>\n <text x=\"135\" y=\"-6\" fill=\"var(--bsw-accent)\" font-size=\"10\" font-weight=\"bold\">D\u00c9PASSEMENT<\/text>\n <\/g>\n <\/g>\n\n <\/svg>\n <\/div>\n <\/div>\n\n <!-- Inspector Panel -->\n <div class=\"bsw-ts-inspector\">\n \n <div class=\"bsw-ts-tabs\">\n <button class=\"bsw-ts-tab-btn active\" data-target=\"lockout\">\n <div class=\"bsw-ts-tab-icon\">\u2699\ufe0f<\/div> Lock-Out (M\u00e9canique)\n <\/button>\n <button class=\"bsw-ts-tab-btn\" data-target=\"cp\">\n <div class=\"bsw-ts-tab-icon\">\u26a1<\/div> Constant-Pull (\u00c9lectronique)\n <\/button>\n <button class=\"bsw-ts-tab-btn\" data-target=\"pre\">\n <div class=\"bsw-ts-tab-icon\">\ud83d\udcc8<\/div> Fonction de pr\u00e9-\u00e9tirage\n <\/button>\n <\/div>\n\n <div id=\"bsw-ts-info-container\" class=\"bsw-ts-info-panel\">\n <!-- Dynamic Content Injected Here -->\n <\/div>\n\n <\/div>\n <\/div>\n<\/div>\n\n<script>\n document.addEventListener(\"DOMContentLoaded\", function() {\n const systemData = {\n lockout: {\n title: \"Syst\u00e8me de tension Lock-Out\",\n desc: \"Un syst\u00e8me m\u00e9canique qui tire jusqu'\u00e0 la tension de r\u00e9f\u00e9rence puis applique un frein physique. <strong>Observez le visualiseur :<\/strong> Une fois le frein enclench\u00e9, la corde s'allonge naturellement. Sans compensation active, la tension effective chute imm\u00e9diatement avant le pincement.\",\n proTip: \"En raison de cette chute d'allongement, les raquettes cord\u00e9es sur des machines lock-out offrent g\u00e9n\u00e9ralement un plan de cordage plus souple que les machines constant-pull r\u00e9gl\u00e9es exactement \u00e0 la m\u00eame tension de r\u00e9f\u00e9rence.\"\n },\n cp: {\n title: \"Syst\u00e8me Constant-Pull\",\n desc: \"Un syst\u00e8me \u00e9lectronique avanc\u00e9 qui surveille activement la corde. <strong>Observez le visualiseur :<\/strong> Lorsque la corde s'\u00e9tire, le capteur d\u00e9tecte la baisse de tension et effectue de multiples \u00ab micro-tractions \u00bb pour maintenir un alignement parfait avec la tension cible.\",\n proTip: \"Ce syst\u00e8me produit des plans de cordage incroyablement constants et fermes. C'est la r\u00e9f\u00e9rence absolue pour les boutiques professionnelles et les services d'\u00e9lite de personnalisation de raquettes o\u00f9 une excellente tenue en livres est strictement requise.\"\n },\n pre: {\n title: \"Pr\u00e9-\u00e9tirage \u00e9lectronique\",\n desc: \"Une fonctionnalit\u00e9 qui sur-tire intentionnellement la corde d'un pourcentage sp\u00e9cifique (ex. +10 %) avant de revenir \u00e0 la tension cible. <strong>Observez l'affichage :<\/strong> Il monte \u00e0 28,6 lbs, maintient, puis se stabilise parfaitement \u00e0 26,0 lbs.\",\n proTip: \"Cela \u00e9limine le \u00ab mou \u00bb initial et limite la perte de tension pendant le jeu. Cependant, utilisez-le avec pr\u00e9caution sur les cordes de badminton ultra-fines, car un pr\u00e9-\u00e9tirage agressif peut provoquer une rupture pr\u00e9matur\u00e9e de l'\u00e2me.\"\n }\n };\n\n const tabs = document.querySelectorAll('.bsw-ts-tab-btn');\n const sysLayers = document.querySelectorAll('.bsw-sys-layer');\n const infoContainer = document.getElementById('bsw-ts-info-container');\n\n function updatePanel(targetId) {\n \/\/ Update Data\n const data = systemData[targetId];\n infoContainer.innerHTML = `\n <div class=\"bsw-ts-info-title\">${data.title}<\/div>\n <div class=\"bsw-ts-info-desc\">${data.desc}<\/div>\n <div class=\"bsw-ts-pro-tip\">\n <strong>L'avis du cordeur<\/strong>\n ${data.proTip}\n <\/div>\n `;\n \n \/\/ Re-trigger CSS animation\n infoContainer.style.animation = 'none';\n infoContainer.offsetHeight; \/\/ trigger reflow\n infoContainer.style.animation = 'fadeIn 0.3s ease';\n }\n\n \/\/ Initialize First Panel\n updatePanel('lockout');\n\n tabs.forEach(tab => {\n tab.addEventListener('click', function() {\n const targetId = this.getAttribute('data-target');\n\n \/\/ 1. Update Tabs Visual State\n tabs.forEach(t => t.classList.remove('active'));\n this.classList.add('active');\n\n \/\/ 2. Update SVG Groups\n sysLayers.forEach(layer => layer.classList.remove('active'));\n document.getElementById(`scene-${targetId}`).classList.add('active');\n\n \/\/ 3. Update Text Content\n updatePanel(targetId);\n });\n });\n });\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-e4ec421e gbp-section__inner\">\n<div class=\"gb-container gb-container-4a0c4bf4\">\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>Quiz : Syst\u00e8mes de tension de cordage<\/title>\n <style>\n \/* WordPress Conflict Fixes:\n 1. Scoped everything under #bsw-quiz-widget\n 2. Replaced the generic body tag styling with a wrapper class\n 3. Prefixed all classes and IDs with \"bsw-quiz-\" to avoid clashes\n 4. Reset box-sizing, margins, and button defaults\n *\/\n \n #bsw-quiz-widget {\n font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;\n display: flex;\n justify-content: center;\n align-items: center;\n padding: 20px 0;\n margin: 0;\n background-color: transparent; \/* Lets your WP theme background show through *\/\n }\n\n #bsw-quiz-widget * {\n box-sizing: border-box;\n }\n\n #bsw-quiz-widget .bsw-quiz-container {\n width: 100%;\n max-width: 500px;\n background: #fff;\n border-radius: 12px;\n box-shadow: 0 10px 25px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n margin: 0 auto;\n }\n\n #bsw-quiz-widget .bsw-quiz-header {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n padding: 24px 20px;\n text-align: center;\n position: relative;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-quiz-header-accent {\n position: absolute;\n top: 0; left: 0; right: 0;\n height: 4px;\n background: linear-gradient(90deg, #FFD700, #FDB931, #FFD700);\n }\n\n #bsw-quiz-widget .bsw-score-badge {\n display: inline-flex;\n align-items: center;\n gap: 6px;\n background: #fff;\n padding: 6px 16px;\n border-radius: 20px;\n font-weight: 700;\n font-size: 14px;\n color: #0B2447;\n box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card {\n padding: 14px 16px;\n border-radius: 10px;\n cursor: pointer;\n border: 2px solid #eee;\n background: #fff;\n transition: all 0.2s ease;\n display: flex;\n align-items: center;\n gap: 12px;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card:hover {\n border-color: #19376D;\n background: #F8FAFF;\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected {\n border-color: #0B2447;\n background: #F0F4F8;\n }\n\n #bsw-quiz-widget .bsw-radio-circle {\n width: 22px;\n height: 22px;\n border-radius: 50%;\n border: 2px solid #ccc;\n display: flex;\n align-items: center;\n justify-content: center;\n flex-shrink: 0;\n transition: all 0.2s ease;\n margin: 0;\n padding: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-circle {\n border-color: #0B2447;\n background: #0B2447;\n }\n\n #bsw-quiz-widget .bsw-radio-dot {\n width: 8px;\n height: 8px;\n background: #FFD700;\n border-radius: 50%;\n opacity: 0;\n transform: scale(0);\n transition: all 0.2s ease;\n margin: 0;\n }\n\n #bsw-quiz-widget .bsw-opt-card.selected .bsw-radio-dot {\n opacity: 1;\n transform: scale(1);\n }\n\n #bsw-quiz-widget .bsw-nav-btn {\n flex: 1;\n padding: 14px;\n border: none;\n border-radius: 8px;\n font-weight: 700;\n font-size: 15px;\n cursor: pointer;\n transition: all 0.2s;\n margin: 0;\n text-align: center;\n line-height: normal;\n font-family: inherit;\n appearance: none;\n }\n\n #bsw-quiz-widget .bsw-btn-prev {\n background: #F0F4F8;\n color: #0B2447;\n border: 1px solid rgba(11,36,71,0.2);\n }\n\n #bsw-quiz-widget .bsw-btn-prev:not(:disabled):hover {\n background: #E2E8F0;\n }\n\n #bsw-quiz-widget .bsw-btn-next {\n background: linear-gradient(135deg, #0B2447, #19376D);\n color: #fff;\n }\n\n #bsw-quiz-widget .bsw-btn-next:not(:disabled):hover {\n box-shadow: 0 4px 12px rgba(11,36,71,0.3);\n transform: translateY(-1px);\n }\n\n #bsw-quiz-widget .bsw-btn-next:disabled, \n #bsw-quiz-widget .bsw-btn-prev:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n transform: none;\n box-shadow: none;\n }\n \n #bsw-quiz-widget a {\n text-decoration: none;\n }\n <\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-quiz-widget\">\n <div class=\"bsw-quiz-container\">\n <div class=\"bsw-quiz-header\">\n <div class=\"bsw-quiz-header-accent\"><\/div>\n <div style=\"font-size: 22px; font-weight: 800; margin-bottom: 6px; letter-spacing: -0.5px; line-height: 1.2;\">\ud83c\udff8 Quiz : Syst\u00e8mes de tension de raquette<\/div>\n <div style=\"font-size: 14px; opacity: 0.9; line-height: 1.4; margin-bottom: 16px;\">\n <strong>Comprenez-vous les diff\u00e9rences entre lock-out, constant-pull et les types de t\u00eates de tension ?<\/strong>\n <\/div>\n <div class=\"bsw-score-badge\">\n <span id=\"bsw-current-score-top\">0<\/span> \/ <span id=\"bsw-total-score-top\">8<\/span>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-main\" style=\"padding: 24px;\">\n <div style=\"display: flex; flex-direction: column; gap: 8px; margin-bottom: 24px; padding: 14px; background: #F0F4F8; border-radius: 10px; border: 1px solid rgba(11,36,71,0.15);\">\n <div style=\"display: flex; justify-content: space-between; align-items: center;\">\n <div style=\"display: flex; align-items: center; gap: 12px;\">\n <div id=\"bsw-progress-circle\" style=\"width: 40px; height: 40px; border-radius: 50%; background: conic-gradient(#0B2447 0deg 0deg, #F0F4F8 0deg 360deg); display: flex; align-items: center; justify-content: center; font-weight: 800; color: #0B2447; font-size: 14px; border: 3px solid #fff; box-shadow: 0 2px 8px rgba(0,0,0,0.08); margin: 0; padding: 0;\">1<\/div>\n <div style=\"margin: 0; padding: 0;\">\n <div style=\"font-size: 14px; font-weight: 700; color: #1a1a1a; margin: 0; line-height: 1.2;\">Question <span id=\"bsw-current-step\">1<\/span> sur 8<\/div>\n <div id=\"bsw-skill-label\" style=\"font-size: 11px; color: #19376D; font-weight: 800; text-transform: uppercase; letter-spacing: 0.8px; margin: 0; line-height: 1.2;\">SYST\u00c8MES<\/div>\n <\/div>\n <\/div>\n <div id=\"bsw-question-tag\" style=\"font-size: 10px; color: #0B2447; background: #FFD700; padding: 5px 12px; border-radius: 12px; font-weight: 800; letter-spacing: 0.5px; margin: 0;\">TENSION<\/div>\n <\/div>\n <\/div>\n\n <div id=\"bsw-quiz-card\" style=\"min-height: 250px;\">\n <div id=\"bsw-question-content\"><\/div>\n <\/div>\n\n <div style=\"display: flex; gap: 12px; margin-top: 28px;\">\n <button id=\"bsw-prev-btn\" class=\"bsw-nav-btn bsw-btn-prev\" disabled>\u2190 Pr\u00e9c\u00e9dent<\/button>\n <button id=\"bsw-next-btn\" class=\"bsw-nav-btn bsw-btn-next\" disabled>Question suivante<\/button>\n <\/div>\n <\/div>\n\n <div id=\"bsw-result-screen\" style=\"text-align: center; padding: 40px 24px; display: none;\">\n <div id=\"bsw-result-emoji\" style=\"font-size: 56px; margin-bottom: 12px; animation: bounce 1s ease infinite; line-height: 1;\">\ud83c\udf89<\/div>\n <div id=\"bsw-result-title\" style=\"font-size: 24px; font-weight: 800; color: #1a1a1a; margin-bottom: 8px; line-height: 1.2;\">Analyse termin\u00e9e !<\/div>\n <div id=\"bsw-final-score\" style=\"font-size: 48px; font-weight: 900; background: linear-gradient(135deg, #0B2447, #19376D); -webkit-background-clip: text; -webkit-text-fill-color: transparent; margin-bottom: 24px; line-height: 1;\">Pr\u00eat<\/div>\n \n <div style=\"background: #F8FAFF; border-radius: 12px; padding: 20px; border: 1px solid #EEF2FF; margin-bottom: 28px; box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);\">\n <p style=\"color:#444; font-size:15px; line-height:1.6; margin: 0;\">Excellent travail ! Maintenant que vous comprenez comment les syst\u00e8mes de tension des machines \u00e0 corder impactent la rigidit\u00e9 r\u00e9elle du plan de cordage, \u00eates-vous pr\u00eat \u00e0 \u00e9lever vos comp\u00e9tences techniques gr\u00e2ce \u00e0 une formation professionnelle ?<\/p>\n <\/div>\n\n <a id=\"bsw-apply-btn\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\" target=\"_blank\" style=\"display: block; padding: 18px; border-radius: 10px; font-weight: 800; font-size: 16px; background: linear-gradient(135deg, #0B2447, #19376D); color: #FFD700; text-decoration: none; box-shadow: 0 6px 20px rgba(11,36,71,0.25); border: 2px solid #FFD700; transition: all 0.3s ease;\">\n \ud83c\udf93 Candidature \u00e0 la certification BSW\n <\/a>\n <\/div>\n <\/div>\n<\/div>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function() {\n 'use strict';\n\n const DRILLS = [\n {q:\"Quelles sont les deux principales cat\u00e9gories de syst\u00e8mes de tension couramment abord\u00e9es pour les machines \u00e0 corder modernes ?\", opts:[\"De table et sur pied\", \"Lock-out et Constant-pull\", \"\u00c9lectronique et sur batterie\", \"Cadres lin\u00e9aires et rotatifs\"], correct:1, skill:\"structure\", label:\"CAT\u00c9GORIES\"},\n {q:\"Quel syst\u00e8me continue de compenser bri\u00e8vement apr\u00e8s avoir atteint la tension d\u00e9finie pour tenir compte de l'allongement de la corde ?\", opts:[\"La manivelle manuelle\", \"Le syst\u00e8me constant-pull\", \"Le syst\u00e8me lock-out\", \"Le calibrateur de tension\"], correct:1, skill:\"flux de travail\", label:\"COMPENSATION\"},\n {q:\"Pourquoi un montage sur lock-out peut-il sembler l\u00e9g\u00e8rement plus souple qu'un montage sur constant-pull \u00e0 la m\u00eame tension de r\u00e9f\u00e9rence exacte ?\", opts:[\"Les syst\u00e8mes lock-out utilisent toujours des cordes moins ch\u00e8res\", \"La corde s'allonge et perd une certaine tension imm\u00e9diatement apr\u00e8s le verrouillage du frein m\u00e9canique\", \"Les machines constant-pull augmentent automatiquement la tension de 5 lbs\", \"Les machines lock-out ne peuvent pas \u00eatre calibr\u00e9es\"], correct:1, skill:\"concentration\", label:\"ALLONGEMENT\"},\n {q:\"Quel est l'objectif principal d'une fonction de pr\u00e9-\u00e9tirage sur une machine \u00e9lectronique ?\", opts:[\"Rendre la corde mince en permanence\", \"Tirer bri\u00e8vement la corde \u00e0 l'exc\u00e8s pour \u00e9liminer le mou initial et r\u00e9duire la perte de tension pendant le jeu\", \"\u00c9tirer le cadre de la raquette en toute s\u00e9curit\u00e9\", \"Faire chauffer le moteur de la t\u00eate de tension\"], correct:1, skill:\"efficacit\u00e9\", label:\"PR\u00c9-\u00c9TIRAGE\"},\n {q:\"Quel type de t\u00eate de tension se d\u00e9place en ligne droite en s'\u00e9loignant de la raquette pour r\u00e9duire la friction ?\", opts:[\"Une roue lock-out\", \"Une t\u00eate de tension \u00e0 traction lin\u00e9aire\", \"Un tambour de tension rotatif\", \"Une pince de traction manuelle\"], correct:1, skill:\"qualit\u00e9\", label:\"TRACTION LIN\u00c9AIRE\"},\n {q:\"Pourquoi un cordeur professionnel doit-il garder la pince de traction m\u00e9ticuleusement propre ?\", opts:[\"Pour que la machine paraisse plus ch\u00e8re\", \"La salet\u00e9 ou la cire provoque des glissements, ce qui ruine la traction de la tension et risque d'endommager la corde\", \"Pour passer les inspections d'hygi\u00e8ne et de s\u00e9curit\u00e9\", \"Cela aide la fonction de pr\u00e9-\u00e9tirage \u00e0 fonctionner plus rapidement\"], correct:1, skill:\"sensation\", label:\"ENTRETIEN\"},\n {q:\"Le passage \u00e0 une machine \u00e9lectronique constant-pull garantit-il un cordage parfait ?\", opts:[\"Oui, les machines \u00e9lectroniques font tout le travail automatiquement\", \"Non, la qualit\u00e9 finale d\u00e9pend fortement de la technique de pincement du cordeur, de la propret\u00e9 et de la r\u00e9gularit\u00e9 du flux de travail\", \"Oui, les clients ne se soucient que de l'affichage de la machine\", \"Non, les machines \u00e9lectroniques cassent toujours les cordes fragiles\"], correct:1, skill:\"conscience\", label:\"TECHNIQUE\"},\n {q:\"Pourquoi un cordeur certifi\u00e9 international devrait-il se soucier de la calibration r\u00e9guli\u00e8re de la tension ?\", opts:[\"Pour prouver que sa machine est plus bruyante que les autres\", \"Parce que l'usure m\u00e9canique et le transport peuvent faire d\u00e9river la force de traction r\u00e9elle par rapport au r\u00e9glage affich\u00e9\", \"Parce que la certification exige l'achat d'une nouvelle machine chaque ann\u00e9e\", \"Pour \u00e9viter d'apprendre comment les cordes s'\u00e9tirent\"], correct:1, skill:\"\u00e9ducation\", label:\"CALIBRATION\"}\n ];\n\n let current = 0;\n let answers = {};\n\n const el = {\n quizMain: document.getElementById('bsw-quiz-main'),\n resultScreen: document.getElementById('bsw-result-screen'),\n currentScoreTop: document.getElementById('bsw-current-score-top'),\n totalScoreTop: document.getElementById('bsw-total-score-top'),\n currentStep: document.getElementById('bsw-current-step'),\n progressCircle: document.getElementById('bsw-progress-circle'),\n skillLabel: document.getElementById('bsw-skill-label'),\n questionTag: document.getElementById('bsw-question-tag'),\n questionContent: document.getElementById('bsw-question-content'),\n prevBtn: document.getElementById('bsw-prev-btn'),\n nextBtn: document.getElementById('bsw-next-btn'),\n finalScore: document.getElementById('bsw-final-score'),\n resultEmoji: document.getElementById('bsw-result-emoji'),\n resultTitle: document.getElementById('bsw-result-title')\n };\n\n function updateProgress() {\n el.currentStep.textContent = current + 1;\n el.totalScoreTop.textContent = DRILLS.length;\n const answeredCount = Object.keys(answers).length;\n el.currentScoreTop.textContent = answeredCount;\n \n const progress = ((current + 1) \/ DRILLS.length) * 360;\n el.progressCircle.style.background = `conic-gradient(#0B2447 0deg ${progress}deg, #F0F4F8 ${progress}deg 360deg)`;\n el.progressCircle.textContent = current + 1;\n }\n\n function renderQuestion() {\n const drill = DRILLS[current];\n const answeredIndex = answers[current];\n let html = `<div style=\"font-size: 18px; font-weight: 700; color: #1a1a1a; line-height: 1.5; margin-bottom: 24px; margin-top: 0;\">${drill.q}<\/div><div style=\"display: grid; gap: 12px; margin: 0; padding: 0;\">`;\n \n drill.opts.forEach((opt, i) => {\n const isSelected = answeredIndex === i;\n html += `\n <div class=\"bsw-opt-card ${isSelected ? 'selected' : ''}\" data-index=\"${i}\">\n <div class=\"bsw-radio-circle\">\n <div class=\"bsw-radio-dot\"><\/div>\n <\/div>\n <div style=\"font-weight: 600; font-size: 15px; color: ${isSelected ? '#0B2447' : '#444'}; margin: 0; padding: 0; line-height: 1.4;\">${opt}<\/div>\n <\/div>`;\n });\n \n html += '<\/div>';\n el.questionContent.innerHTML = html;\n el.skillLabel.textContent = drill.skill;\n el.questionTag.textContent = drill.label;\n\n document.querySelectorAll('.bsw-opt-card').forEach(card => {\n card.addEventListener('click', function() {\n const idx = parseInt(this.getAttribute('data-index'));\n answers[current] = idx;\n renderQuestion();\n });\n });\n\n el.prevBtn.disabled = current === 0;\n el.nextBtn.textContent = current === DRILLS.length - 1 ? 'Voir les r\u00e9sultats \ud83c\udf89' : 'Question suivante';\n \n const isAnswered = answers[current] !== undefined;\n el.nextBtn.disabled = !isAnswered;\n \n updateProgress();\n }\n\n function calculateResults() {\n let score = 0;\n DRILLS.forEach((d, i) => {\n if (answers[i] === d.correct) {\n score++;\n }\n });\n\n el.quizMain.style.display = 'none';\n el.resultScreen.style.display = 'block';\n const percent = Math.round((score \/ DRILLS.length) * 100);\n \n el.finalScore.textContent = percent + '%';\n \n const emoji = percent >= 80 ? '\ud83c\udfc6' : '\ud83d\udc4d';\n const title = percent >= 80 ? 'Excellente compr\u00e9hension !' : 'Bon d\u00e9but';\n \n el.resultEmoji.textContent = emoji;\n el.resultTitle.textContent = title;\n }\n\n el.nextBtn.addEventListener('click', () => {\n if (current < DRILLS.length - 1) {\n current++;\n renderQuestion();\n } else {\n calculateResults();\n }\n });\n\n el.prevBtn.addEventListener('click', () => {\n if (current > 0) {\n current--;\n renderQuestion();\n }\n });\n\n \/\/ Initial render\n renderQuestion();\n});\n<\/script>\n\n<\/body>\n<\/html>\n\n<\/div>\n\n<div class=\"gb-container gb-container-5b3bc5e8\">\n\n<div class=\"gb-headline gb-headline-2f04cb32 gb-headline-text gbp-section__tagline\">Ma\u00eetrise du syst\u00e8me de tension<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bba2ffc2 gb-headline-text gbp-section__headline\"><mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">Constance de tension<\/mark> v\u00e9rifi\u00e9e<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">Notre formation met l’accent sur les connaissances pratiques des machines plut\u00f4t que sur les revendications marketing. Nous privil\u00e9gions une bonne compr\u00e9hension du syst\u00e8me, la calibration de la tension et une gestion fiable de l’allongement de la corde pour garantir des r\u00e9sultats professionnels \u00e0 chaque cordeur.<\/p>\n\n\n<div class=\"gb-grid-wrapper gb-grid-wrapper-2631a86b\">\n<div class=\"gb-grid-column gb-grid-column-670ee1e4\"><div class=\"gb-container gb-container-670ee1e4\">\n\n<div class=\"gb-headline gb-headline-4ffecd9e gb-headline-text\">15+<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-a40d5ff4 gb-headline-text\">Ann\u00e9es d’enseignement en m\u00e9canique<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-36c23c60\"><div class=\"gb-container gb-container-36c23c60\">\n\n<div class=\"gb-headline gb-headline-3944b2ff gb-headline-text\">100%<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-5dd5c27e gb-headline-text\">Accent sur la calibration<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-325bb028\"><div class=\"gb-container gb-container-325bb028\">\n\n<div class=\"gb-headline gb-headline-fb0a55b1 gb-headline-text\">Pr\u00e9cis<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-135bc509 gb-headline-text\">Contr\u00f4le de l’allongement<\/div>\n\n<\/div><\/div>\n\n<div class=\"gb-grid-column gb-grid-column-b38becfe\"><div class=\"gb-container gb-container-b38becfe\">\n\n<div class=\"gb-headline gb-headline-7c2857fd gb-headline-text\">6<\/div>\n\n\n\n<div class=\"gb-headline gb-headline-7d08250a gb-headline-text\">Variables syst\u00e8me fondamentales<\/div>\n\n<\/div><\/div>\n<\/div>\n<\/div>\n<\/div>\n\n\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Impact des caract\u00e9ristiques sur le style de jeu<\/title>\n<style>\n\/* WordPress Conflict Fixes:\n 1. Everything is scoped under #bsw-racquet-comparison\n 2. All class names are prefixed with \"bsw-\" to prevent clashes\n 3. Added specific overrides for common WP theme table defaults (borders, padding, background)\n*\/\n\n#bsw-racquet-comparison {\n font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;\n margin: 20px 0;\n max-width: 100%;\n line-height: 1.5;\n color: #333;\n}\n\n#bsw-racquet-comparison * {\n box-sizing: border-box;\n}\n\n#bsw-racquet-comparison .bsw-header {\n text-align: center;\n margin-bottom: 20px;\n color: #2a3f90;\n font-size: 1.3em;\n font-weight: bold;\n line-height: 1.3;\n text-transform: uppercase;\n letter-spacing: 1px;\n}\n\n\/* Desktop Table View *\/\n#bsw-racquet-comparison .bsw-table {\n width: 100% !important;\n border-collapse: separate !important;\n border-spacing: 0 !important;\n box-shadow: 0 4px 8px rgba(0,0,0,0.1);\n border-radius: 8px;\n overflow: hidden;\n display: table !important;\n background: #fff;\n margin: 0;\n padding: 0;\n border: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table th,\n#bsw-racquet-comparison .bsw-table td {\n padding: 14px !important;\n text-align: left !important;\n vertical-align: top !important;\n border: none !important;\n border-bottom: 1px solid #e0e0e0 !important;\n background: none;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-table th {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%) !important;\n color: white !important;\n font-weight: 600 !important;\n font-size: 0.95em !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:last-child td {\n border-bottom: none !important;\n}\n\n#bsw-racquet-comparison .bsw-table tr:nth-child(even) td:not(.bsw-highlight) {\n background-color: #f8f9fa !important;\n}\n\n#bsw-racquet-comparison .bsw-table td:first-child {\n font-weight: 600;\n color: #1a2980;\n width: 20%;\n font-size: 0.9em;\n}\n\n#bsw-racquet-comparison .bsw-table td:nth-child(2) {\n color: #555;\n border-right: 1px solid #e0e0e0 !important;\n width: 40%;\n font-size: 0.85em;\n}\n\n#bsw-racquet-comparison .bsw-highlight {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3)) !important;\n width: 40%;\n border-left: 4px solid #37ba2b !important;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-highlight::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n font-size: 1.1em;\n}\n\n\/* Mobile Card View *\/\n#bsw-racquet-comparison .bsw-mobile-cards {\n display: none;\n}\n\n#bsw-racquet-comparison .bsw-card {\n background: white;\n border-radius: 8px;\n margin-bottom: 16px;\n box-shadow: 0 2px 8px rgba(0,0,0,0.1);\n overflow: hidden;\n border: 1px solid #eee;\n}\n\n#bsw-racquet-comparison .bsw-card-header {\n background: linear-gradient(135deg, #1a2980 0%, #26d0ce 100%);\n color: white;\n padding: 12px;\n font-weight: 600;\n font-size: 1em;\n margin: 0;\n}\n\n#bsw-racquet-comparison .bsw-card-content {\n padding: 16px;\n}\n\n#bsw-racquet-comparison .bsw-row {\n margin-bottom: 16px;\n padding-bottom: 16px;\n border-bottom: 1px solid #e0e0e0;\n}\n\n#bsw-racquet-comparison .bsw-row:last-child {\n border-bottom: none;\n margin-bottom: 0;\n padding-bottom: 0;\n}\n\n#bsw-racquet-comparison .bsw-trad-opt {\n background-color: #f8f9fa;\n padding: 10px;\n border-radius: 4px;\n margin-bottom: 12px;\n font-size: 0.85em;\n color: #555;\n border-left: 3px solid #ccc;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt {\n background: linear-gradient(to right, rgba(220, 250, 220, 0.7), rgba(220, 250, 220, 0.3));\n padding: 10px;\n border-radius: 4px;\n border-left: 4px solid #37ba2b;\n font-size: 0.85em;\n color: #2d3748;\n}\n\n#bsw-racquet-comparison .bsw-modern-opt::before {\n content: '\u2713 ';\n color: #37ba2b;\n font-weight: bold;\n}\n\n#bsw-racquet-comparison .bsw-label {\n font-weight: 700;\n font-size: 0.75em;\n margin-bottom: 6px;\n color: #666;\n text-transform: uppercase;\n letter-spacing: 0.5px;\n display: block;\n}\n\n\/* Responsive Breakpoints *\/\n@media (max-width: 768px) {\n #bsw-racquet-comparison .bsw-table {\n display: none !important;\n }\n #bsw-racquet-comparison .bsw-mobile-cards {\n display: block !important;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1.1em;\n padding: 0 10px;\n }\n}\n\n@media (max-width: 480px) {\n #bsw-racquet-comparison {\n margin: 10px 0;\n }\n #bsw-racquet-comparison .bsw-header {\n font-size: 1em;\n }\n #bsw-racquet-comparison .bsw-card-content {\n padding: 12px;\n }\n #bsw-racquet-comparison .bsw-row {\n margin-bottom: 12px;\n padding-bottom: 12px;\n }\n}\n<\/style>\n<\/head>\n<body>\n\n<div id=\"bsw-racquet-comparison\">\n <div class=\"bsw-header\">Syst\u00e8mes de tension : caract\u00e9ristiques et r\u00f4les pratiques<\/div>\n\n <table class=\"bsw-table\">\n <thead>\n <tr>\n <th>Fonctionnalit\u00e9 du syst\u00e8me<\/th>\n <th>Caract\u00e9ristiques principales<\/th>\n <th>R\u00f4le pratique dans le cordage<\/th>\n <\/tr>\n <\/thead>\n <tbody>\n <tr>\n <td>Syst\u00e8me Lock-Out<\/td>\n <td>Tire jusqu’\u00e0 la tension cible et applique un frein m\u00e9canique.<\/td>\n <td class=\"bsw-highlight\">Rapide, tr\u00e8s portable et abordable ; les cordeurs doivent ajuster pour l’allongement.<\/td>\n <\/tr>\n <tr>\n <td>Syst\u00e8me Constant-Pull<\/td>\n <td>S’ajuste \u00e9lectroniquement pour maintenir la tension cible en continu.<\/td>\n <td class=\"bsw-highlight\">Excellente tenue en livres dynamique ; pr\u00e9f\u00e9r\u00e9 pour un grand volume et une personnalisation d’\u00e9lite.<\/td>\n <\/tr>\n <tr>\n <td>T\u00eate \u00e0 traction lin\u00e9aire<\/td>\n <td>Tire la corde vers l’arri\u00e8re en ligne droite sans enroulement.<\/td>\n <td class=\"bsw-highlight\">Flux de travail intuitif ; minimise la friction et les contraintes de courbure sur la corde.<\/td>\n <\/tr>\n <tr>\n <td>T\u00eate \u00e0 traction rotative<\/td>\n <td>Enroule la corde autour d’un tambour ou d’une roue rotative.<\/td>\n <td class=\"bsw-highlight\">R\u00e9partit la force de traction de mani\u00e8re exceptionnellement douce ; courant sur les mod\u00e8les \u00e9lectroniques haut de gamme.<\/td>\n <\/tr>\n <tr>\n <td>Fonction de pr\u00e9-\u00e9tirage<\/td>\n <td>Sur-tire la corde d’un pourcentage d\u00e9fini avant de se stabiliser.<\/td>\n <td class=\"bsw-highlight\">\u00c9limine le mou initial ; extr\u00eamement utile pour r\u00e9duire la perte de tension des cordes souples.<\/td>\n <\/tr>\n <tr>\n <td>Calibration de la tension<\/td>\n <td>V\u00e9rifie la force de traction r\u00e9elle par rapport aux r\u00e9glages affich\u00e9s.<\/td>\n <td class=\"bsw-highlight\">Absolument vital pour toutes les machines ; une machine non calibr\u00e9e ruine la constance du cordage.<\/td>\n <\/tr>\n <\/tbody>\n <\/table>\n\n <div class=\"bsw-mobile-cards\">\n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">M\u00e9caniques du syst\u00e8me<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Syst\u00e8me Lock-Out:<\/span>\n <div class=\"bsw-trad-opt\">Tire jusqu’\u00e0 la tension cible et applique un frein m\u00e9canique.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">Rapide, tr\u00e8s portable et abordable ; les cordeurs doivent ajuster pour l’allongement.<\/div>\n <\/div>\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Syst\u00e8me Constant-Pull:<\/span>\n <div class=\"bsw-trad-opt\">S’ajuste \u00e9lectroniquement pour maintenir la tension cible en continu.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">Excellente tenue en livres dynamique ; pr\u00e9f\u00e9r\u00e9 pour un grand volume et une personnalisation d’\u00e9lite.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">T\u00eates de tension<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">T\u00eate \u00e0 traction lin\u00e9aire:<\/span>\n <div class=\"bsw-trad-opt\">Tire la corde vers l’arri\u00e8re en ligne droite sans enroulement.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">Flux de travail intuitif ; minimise la friction et les contraintes de courbure sur la corde.<\/div>\n <\/div>\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">T\u00eate \u00e0 traction rotative:<\/span>\n <div class=\"bsw-trad-opt\">Enroule la corde autour d’un tambour ou d’une roue rotative.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">R\u00e9partit la force de traction de mani\u00e8re exceptionnellement douce ; courant sur les mod\u00e8les \u00e9lectroniques haut de gamme.<\/div>\n <\/div>\n <\/div>\n <\/div>\n \n <div class=\"bsw-card\">\n <div class=\"bsw-card-header\">Fonctions avanc\u00e9es<\/div>\n <div class=\"bsw-card-content\">\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Fonction de pr\u00e9-\u00e9tirage:<\/span>\n <div class=\"bsw-trad-opt\">Sur-tire la corde d’un pourcentage d\u00e9fini avant de se stabiliser.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">\u00c9limine le mou initial ; extr\u00eamement utile pour r\u00e9duire la perte de tension des cordes souples.<\/div>\n <\/div>\n <div class=\"bsw-row\">\n <span class=\"bsw-label\">Calibration de la tension:<\/span>\n <div class=\"bsw-trad-opt\">V\u00e9rifie la force de traction r\u00e9elle par rapport aux r\u00e9glages affich\u00e9s.<\/div>\n <span class=\"bsw-label\">R\u00f4le pratique dans le cordage:<\/span>\n <div class=\"bsw-modern-opt\">Absolument vital pour toutes les machines ; une machine non calibr\u00e9e ruine la constance du cordage.<\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n<\/div>\n\n<\/body>\n<\/html>\n\n\n<div class=\"gb-container gb-container-69063730 gbp-section\">\n<div class=\"gb-container gb-container-c192804a gbp-section__inner\">\n<div class=\"gb-container gb-container-26552703\">\n\n<div class=\"gb-headline gb-headline-27edcbd1 gb-headline-text gbp-section__tagline\">Formation de cordeur<\/div>\n\n\n\n<h2 class=\"gb-headline gb-headline-bda1dc9d gb-headline-text gbp-section__headline\">Ma\u00eetrisez les <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">syst\u00e8mes de tension<\/mark> <mark style=\"background-color:rgba(0, 0, 0, 0)\" class=\"has-inline-color has-accent-color\">avec Best Stringer Worldwide<\/mark><\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><br>Pr\u00eat \u00e0 \u00e9lever votre professionnalisme en mati\u00e8re de cordage ? Best Stringer Worldwide propose une formation avanc\u00e9e pour vous aider \u00e0 comprendre les syst\u00e8mes lock-out vs. constant-pull, le comportement de la t\u00eate de tension, les applications de pr\u00e9-\u00e9tirage et les protocoles stricts de calibration. Nous servons des cordeurs de raquettes dans le monde entier, notamment \u00e0 Singapour, Hong Kong, en Malaisie, en Indon\u00e9sie, au Royaume-Uni et en Europe. Obtenez une prestigieuse certification de cordeur international pour ma\u00eetriser en toute confiance les diff\u00e9rences entre les machines et fournir un service impeccable et personnalis\u00e9.<\/p>\n\n\n<div class=\"gb-container gb-container-4aa6efd2\">\n\n<a class=\"gb-button gb-button-1b494854 gb-button-text gbp-button--secondary\" href=\"https:\/\/beststringer.com\/stringing-course-application\/\">Candidature<\/a>\n\n<\/div>\n<\/div>\n\n<div class=\"gb-container gb-container-ef62c7ce\">\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3983.512110481107!2d101.72853037497148!3d3.22182909675331!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x31cc3940e852d0e3%3A0xe7b0509976b40fd3!2sBest%20Stringer%20Worldwide%20(BSW)!5e0!3m2!1sen!2smy!4v1771591572052!5m2!1sen!2smy\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n<\/div>\n<\/div>\n<\/div>\n<\/div><\/div>","protected":false},"excerpt":{"rendered":"<p>FAQ rapide sur les syst\u00e8mes de tension Des r\u00e9ponses claires et directes pour comprendre et utiliser les syst\u00e8mes de tension des machines \u00e0 corder. Simulateur de syst\u00e8me de tension : Lock-Out vs Constant-Pull Simulateur professionnel de syst\u00e8mes de tension Simulateur de syst\u00e8mes de tension Observez comment diff\u00e9rentes m\u00e9caniques g\u00e8rent la force de traction et l’allongement … <a title=\"Syst\u00e8mes de tension dans le cordage des raquettes\" class=\"read-more\" href=\"https:\/\/beststringer.com\/fr\/tension-systems-in-racquet-stringing-machine-bsw\/\" aria-label=\"En savoir plus sur Syst\u00e8mes de tension dans le cordage des raquettes\">Lire plus<\/a><\/p>\n","protected":false},"author":1,"featured_media":70558,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[394],"tags":[],"class_list":["post-78493","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-general-stringing-knowledge","infinite-scroll-item"],"_links":{"self":[{"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/posts\/78493","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/comments?post=78493"}],"version-history":[{"count":0,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/posts\/78493\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/media\/70558"}],"wp:attachment":[{"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/media?parent=78493"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/categories?post=78493"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/beststringer.com\/fr\/wp-json\/wp\/v2\/tags?post=78493"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}