Calculer la taille de position correcte est l'une des compétences les plus importantes que vous puissiez développer en tant que trader. Trader trop gros et votre compte rétrécit à vitesse grand V après quelques trades perdants. Trop petit et vous laissez du rendement sur la table. Avec notre Position Size Calculator gratuit, vous calculez en quelques secondes la lot size optimale sur la base de la taille de votre compte, du pourcentage de risque et de la distance du stop loss.

---

:root { --bg: #F7F8FA; --card: #FFFFFF; --card-hover: #FAFBFC; --border: #E8EBF0; --border-focus: #3B82F6; --text: #1A1D26; --text-secondary: #6B7280; --text-muted: #9CA3AF; --accent: #3B82F6; --accent-light: #EFF6FF; --accent-dark: #2563EB; --green: #10B981; --green-light: #ECFDF5; --green-dark: #059669; --red: #EF4444; --red-light: #FEF2F2; --orange: #F59E0B; --orange-light: #FFFBEB; --shadow-sm: 0 1px 2px rgba(0,0,0,0.04); --shadow-md: 0 4px 12px rgba(0,0,0,0.06); --shadow-lg: 0 8px 30px rgba(0,0,0,0.08); --radius: 12px; --radius-sm: 8px; --transition: 0.2s cubic-bezier(0.4, 0, 0.2, 1); } * { margin: 0; padding: 0; box-sizing: border-box; } body { font-family: 'DM Sans', sans-serif; background: var(--bg); color: var(--text); min-height: 100vh; -webkit-font-smoothing: antialiased; } .calculator-wrapper { max-width: 520px; margin: 0 auto; padding: 24px 16px 48px; } /* Header */ .calc-header { text-align: center; margin-bottom: 28px; animation: fadeDown 0.5s ease; } .calc-header h1 { font-size: 1.65rem; font-weight: 700; letter-spacing: -0.02em; color: var(--text); margin-bottom: 6px; } .calc-header p { font-size: 0.9rem; color: var(--text-secondary); line-height: 1.5; } /* Tabs */ .tabs { display: flex; gap: 4px; background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 4px; margin-bottom: 24px; box-shadow: var(--shadow-sm); animation: fadeDown 0.5s ease 0.05s both; } .tab { flex: 1; padding: 10px 8px; border: none; background: transparent; font-family: 'DM Sans', sans-serif; font-size: 0.8rem; font-weight: 500; color: var(--text-secondary); cursor: pointer; border-radius: var(--radius-sm); transition: var(--transition); position: relative; } .tab:hover { color: var(--text); background: var(--bg); } .tab.active { background: var(--accent); color: #fff; box-shadow: 0 2px 8px rgba(59,130,246,0.25); } .tab .tab-icon { display: block; font-size: 1.1rem; margin-bottom: 3px; } /* Card */ .calc-card { background: var(--card); border: 1px solid var(--border); border-radius: var(--radius); padding: 28px 24px; box-shadow: var(--shadow-md); animation: fadeUp 0.4s ease; } .tab-panel { display: none; } .tab-panel.active { display: block; } /* Form elements */ .field { margin-bottom: 18px; } .field:last-of-type { margin-bottom: 24px; } .field label { display: block; font-size: 0.8rem; font-weight: 600; color: var(--text-secondary); text-transform: uppercase; letter-spacing: 0.04em; margin-bottom: 7px; } .field label .label-hint { font-weight: 400; text-transform: none; letter-spacing: 0; color: var(--text-muted); font-size: 0.78rem; } .input-group { display: flex; align-items: stretch; border: 1.5px solid var(--border); border-radius: var(--radius-sm); overflow: hidden; transition: var(--transition); background: var(--card); } .input-group:focus-within { border-color: var(--accent); box-shadow: 0 0 0 3px rgba(59,130,246,0.1); } .input-group input, .input-group select { border: none; outline: none; font-family: 'JetBrains Mono', monospace; font-size: 0.95rem; padding: 12px 14px; background: transparent; color: var(--text); width: 100%; } .input-group select { font-family: 'DM Sans', sans-serif; font-size: 0.88rem; cursor: pointer; -webkit-appearance: none; appearance: none; background: url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1l4 4 4-4' stroke='%236B7280' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 14px center; padding-right: 34px; } .input-group .unit { display: flex; align-items: center; padding: 0 14px; font-size: 0.82rem; font-weight: 500; color: var(--text-muted); background: #F9FAFB; border-left: 1px solid var(--border); white-space: nowrap; user-select: none; } .input-row { display: flex; gap: 12px; } .input-row .field { flex: 1; } /* Calculate button */ .calc-btn { width: 100%; padding: 14px; background: var(--accent); color: #fff; border: none; border-radius: var(--radius-sm); font-family: 'DM Sans', sans-serif; font-size: 0.95rem; font-weight: 600; cursor: pointer; transition: var(--transition); letter-spacing: 0.01em; } .calc-btn:hover { background: var(--accent-dark); box-shadow: 0 4px 14px rgba(59,130,246,0.3); transform: translateY(-1px); } .calc-btn:active { transform: translateY(0); } /* Results */ .results { margin-top: 24px; padding-top: 24px; border-top: 1px dashed var(--border); animation: fadeUp 0.35s ease; } .results-title { font-size: 0.75rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.06em; margin-bottom: 14px; } .result-item { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; border-radius: var(--radius-sm); margin-bottom: 6px; transition: var(--transition); } .result-item:hover { background: var(--bg); } .result-label { font-size: 0.88rem; color: var(--text-secondary); } .result-value { font-family: 'JetBrains Mono', monospace; font-size: 1rem; font-weight: 600; color: var(--text); } .result-highlight { background: var(--accent-light); border: 1px solid rgba(59,130,246,0.15); } .result-highlight .result-value { color: var(--accent-dark); font-size: 1.1rem; } .result-highlight:hover { background: var(--accent-light); } .result-green { background: var(--green-light); border: 1px solid rgba(16,185,129,0.15); } .result-green .result-value { color: var(--green-dark); } .result-green:hover { background: var(--green-light); } .result-warn { background: var(--orange-light); border: 1px solid rgba(245,158,11,0.15); } .risk-meter { margin-top: 16px; padding: 16px; border-radius: var(--radius-sm); background: var(--bg); border: 1px solid var(--border); } .risk-meter-label { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; } .risk-meter-label span { font-size: 0.8rem; color: var(--text-secondary); } .risk-meter-label strong { font-size: 0.85rem; font-weight: 600; } .risk-bar { height: 8px; background: #E5E7EB; border-radius: 4px; overflow: hidden; position: relative; } .risk-bar-fill { height: 100%; border-radius: 4px; transition: width 0.6s cubic-bezier(0.4, 0, 0.2, 1), background 0.3s; } .risk-labels { display: flex; justify-content: space-between; margin-top: 6px; font-size: 0.7rem; color: var(--text-muted); } /* Info tooltip */ .info-note { margin-top: 20px; padding: 14px 16px; background: var(--bg); border-radius: var(--radius-sm); border-left: 3px solid var(--accent); font-size: 0.82rem; color: var(--text-secondary); line-height: 1.55; } .info-note strong { color: var(--text); font-weight: 600; } /* Lot breakdown table */ .lot-breakdown { width: 100%; margin-top: 8px; border-collapse: collapse; font-size: 0.85rem; } .lot-breakdown th { text-align: left; font-size: 0.72rem; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.05em; padding: 8px 12px; border-bottom: 1px solid var(--border); } .lot-breakdown td { padding: 10px 12px; border-bottom: 1px solid var(--border); color: var(--text-secondary); } .lot-breakdown td:last-child { font-family: 'JetBrains Mono', monospace; font-weight: 500; color: var(--text); text-align: right; } .lot-breakdown th:last-child { text-align: right; } .lot-breakdown tr:last-child td { border-bottom: none; } /* Footer */ .calc-footer { text-align: center; margin-top: 24px; font-size: 0.78rem; color: var(--text-muted); animation: fadeUp 0.5s ease 0.2s both; } .calc-footer a { color: var(--accent); text-decoration: none; font-weight: 500; } .calc-footer a:hover { text-decoration: underline; } .calc-footer .affiliate-disclaimer { margin-top: 8px; font-size: 0.7rem; color: var(--text-muted); line-height: 1.5; } /* Broker CTA */ .broker-cta { display: flex; align-items: center; justify-content: space-between; margin-top: 18px; padding: 16px 18px; background: linear-gradient(135deg, #FFF7ED 0%, #FFFBF5 100%); border: 1px solid #FDBA74; border-radius: var(--radius-sm); text-decoration: none; color: var(--text); transition: var(--transition); gap: 12px; } .broker-cta:hover { border-color: #F97316; box-shadow: 0 4px 14px rgba(249,115,22,0.12); transform: translateY(-1px); } .broker-cta-left { display: flex; flex-direction: column; gap: 3px; } .broker-cta-badge { font-size: 0.65rem; font-weight: 600; text-transform: uppercase; letter-spacing: 0.06em; color: #EA580C; } .broker-cta-name { font-size: 1.05rem; font-weight: 700; color: var(--text); letter-spacing: -0.01em; } .broker-cta-desc { font-size: 0.78rem; color: var(--text-secondary); line-height: 1.4; } .broker-cta-arrow { font-size: 1.3rem; color: #EA580C; font-weight: 600; flex-shrink: 0; transition: var(--transition); } .broker-cta:hover .broker-cta-arrow { transform: translateX(3px); } /* Animations */ @keyframes fadeUp { from { opacity: 0; transform: translateY(12px); } to { opacity: 1; transform: translateY(0); } } @keyframes fadeDown { from { opacity: 0; transform: translateY(-8px); } to { opacity: 1; transform: translateY(0); } } /* Responsive */ @media (max-width: 480px) { .calculator-wrapper { padding: 16px 12px 40px; } .calc-card { padding: 22px 18px; } .tab { font-size: 0.72rem; padding: 9px 6px; } .input-row { flex-direction: column; gap: 0; } .calc-header h1 { font-size: 1.4rem; } }