Contact information

:root{ --brand:#1540C2; --brand-dark:#071C5E; --brand-deep:#040B2D; --brand-soft:#EDF2FF; --brand-mist:#F6F8FF; --accent:#E40E0C; --accent-dark:#A90706; --accent-soft:#FFF0EF; --bg:#F5F7FC; --card:#FFFFFF; --text:#10182F; --body:#475168; --muted:#7A849A; --border:#DDE4F2; --hover:#F0F4FF; --soft:#FAFBFF; --radius:18px; --radius-lg:34px; --shadow:0 28px 80px rgba(7,28,94,.16); --shadow-soft:0 16px 42px rgba(7,28,94,.09); --shadow-red:0 14px 34px rgba(228,14,12,.18); } *{box-sizing:border-box} html{scroll-behavior:smooth} body{ margin:0; font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif; background: linear-gradient(115deg, rgba(21,64,194,.10), transparent 26%), radial-gradient(circle at 88% 4%, rgba(228,14,12,.12), transparent 30%), radial-gradient(circle at 8% 92%, rgba(21,64,194,.10), transparent 32%), linear-gradient(180deg, #FFFFFF 0%, var(--bg) 54%, #EEF2FA 100%); color:var(--text); } a{color:inherit;text-decoration:none} p,a,li,button,input,summary,small{ font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif; } .page{ max-width:1600px; margin:0 auto; padding:36px 32px 108px; } .hero{ position:relative; overflow:hidden; max-width:1700px; margin:0 auto 38px; padding:72px 68px 64px; background: linear-gradient(135deg, rgba(4,11,45,.98) 0%, rgba(7,28,94,.96) 48%, rgba(21,64,194,.94) 100%); border:1px solid rgba(255,255,255,.22); border-radius:var(--radius-lg); box-shadow:var(--shadow); color:#fff; isolation:isolate; } .hero::before{ content:""; position:absolute; width:640px; height:640px; right:-280px; top:-330px; border-radius:50%; background: radial-gradient(circle, rgba(228,14,12,.46), rgba(228,14,12,.14) 38%, transparent 68%); pointer-events:none; z-index:-1; } .hero::after{ content:""; position:absolute; left:0; bottom:0; width:100%; height:7px; background:linear-gradient(90deg, var(--accent), #FFFFFF 42%, var(--brand)); opacity:.96; } .breadcrumb{ position:relative; z-index:1; display:inline-flex; align-items:center; flex-wrap:wrap; gap:10px; margin-bottom:26px; padding:9px 14px; border:1px solid rgba(255,255,255,.22); border-radius:999px; background:rgba(255,255,255,.09); color:rgba(255,255,255,.82); font-size:13px; line-height:1.35; letter-spacing:.08em; text-transform:uppercase; backdrop-filter:blur(12px); } .breadcrumb::before{ content:""; width:8px; height:8px; display:inline-block; border-radius:50%; background:var(--accent); box-shadow:0 0 0 5px rgba(228,14,12,.18); } h1{ position:relative; z-index:1; margin:0; max-width:980px; color:#FFFFFF; font-size:54px; line-height:1.06; font-weight:820; letter-spacing:-.052em; } .updated{ position:relative; z-index:1; margin-top:24px; max-width:920px; color:rgba(255,255,255,.84); font-size:16px; line-height:1.85; } .layout{ display:grid; grid-template-columns:300px minmax(0, 1fr); gap:34px; align-items:start; max-width:1700px; margin:0 auto; } .toc{ position:sticky; top:28px; padding:18px; background:rgba(255,255,255,.92); border:1px solid rgba(221,228,242,.95); border-radius:26px; box-shadow:var(--shadow-soft); backdrop-filter:blur(18px); } .toc-title{ margin:0 0 14px; padding:0 4px; color:var(--brand-dark); font-size:12px; font-weight:820; letter-spacing:.14em; text-transform:uppercase; } .toc a{ display:block !important; width:auto !important; max-width:none !important; box-sizing:border-box !important; padding:12px 13px 12px 15px !important; margin:0 0 7px !important; border:1px solid transparent; border-radius:15px !important; color:var(--body); font-size:14px; font-weight:670; line-height:1.35; text-align:left; text-decoration:none !important; transform:none !important; box-shadow:none !important; } .toc a:last-child{margin-bottom:0 !important;} .toc a:hover, .toc a:focus, .toc a:active, .toc a.active{ display:block !important; width:auto !important; max-width:none !important; background:linear-gradient(90deg, var(--accent-soft), var(--brand-soft)) !important; border-color:rgba(228,14,12,.20); color:var(--brand-dark) !important; text-decoration:none !important; transform:none !important; box-shadow:inset 4px 0 0 var(--accent) !important; } .content-card{ position:relative; overflow:hidden; padding:62px 66px; background:rgba(255,255,255,.98); border:1px solid var(--border); border-radius:var(--radius-lg); box-shadow:var(--shadow-soft); } .content-card::before{ content:""; position:absolute; top:0; left:0; width:100%; height:6px; background:linear-gradient(90deg, var(--brand), var(--accent)); } section{ scroll-margin-top:36px; margin-bottom:76px; padding-bottom:18px; border-bottom:1px solid rgba(221,228,242,.9); } section:last-child{ margin-bottom:0; border-bottom:0; padding-bottom:0; } h2{ position:relative; margin:0 0 30px; padding-left:24px; color:var(--brand-dark); font-size:33px; line-height:1.23; font-weight:820; letter-spacing:-.035em; } h2::before{ content:""; position:absolute; left:0; top:.16em; width:8px; height:1.2em; border-radius:999px; background:linear-gradient(180deg, var(--accent), var(--brand)); box-shadow:0 8px 20px rgba(228,14,12,.18); } h3{ margin:40px 0 18px; color:var(--brand-dark); font-size:26px; line-height:1.3; font-weight:780; letter-spacing:-.02em; } h4{ margin:30px 0 14px; color:var(--brand-dark); font-size:22px; line-height:1.35; font-weight:760; } p{ max-width:78ch; margin:0 0 20px; color:var(--body); font-size:16px; line-height:1.92; } p strong, li strong{ color:var(--brand-dark); font-weight:760; } ul,ol{ max-width:78ch; margin:0 0 24px 0; padding:0; list-style:none; } li{ position:relative; margin-bottom:12px; padding-left:0; color:var(--body); font-size:16px; line-height:1.82; } li::before{ content:none !important; display:none !important; } .note{ position:relative; margin:32px 0; padding:24px 28px; background:linear-gradient(135deg, var(--brand-soft), #FFFFFF 58%, var(--accent-soft)); border:1px solid rgba(21,64,194,.16); border-radius:22px; box-shadow:0 14px 34px rgba(7,28,94,.07); } .note::before{ content:""; position:absolute; left:0; top:22px; bottom:22px; width:4px; border-radius:999px; background:var(--accent); } .note p:last-child{margin-bottom:0;} .quote{ margin:30px 0; padding:22px 26px; background:var(--soft); border-left:5px solid var(--accent); border-radius:0 18px 18px 0; box-shadow:inset 0 0 0 1px rgba(21,64,194,.08); } .info-grid{ display:grid; grid-template-columns:repeat(2, minmax(0,1fr)); gap:18px; margin-top:28px; } .info-card{ min-height:118px; padding:24px; background: linear-gradient(180deg, #FFFFFF, #FAFBFF); border:1px solid var(--border); border-radius:22px; box-shadow:0 12px 30px rgba(7,28,94,.065); } .info-card strong{ display:block; margin-bottom:10px; color:var(--accent); font-size:12px; font-weight:820; letter-spacing:.12em; text-transform:uppercase; } .info-card span, .info-card a, .info-card{ color:var(--body); font-size:16px; line-height:1.7; } .btn-row{ display:flex; flex-wrap:wrap; gap:12px; margin:32px 0; } .btn{ display:inline-flex !important; align-items:center !important; justify-content:center !important; min-height:auto !important; height:auto !important; padding:14px 26px !important; border:1px solid var(--border); border-radius:999px; box-sizing:border-box; font-size:15px; font-weight:780; line-height:normal !important; text-decoration:none !important; white-space:nowrap; transition:background .18s ease, border-color .18s ease, color .18s ease, transform .18s ease, box-shadow .18s ease; } .btn-primary{ background:linear-gradient(135deg, var(--brand), var(--accent)); color:#fff; border-color:transparent; box-shadow:0 14px 30px rgba(21,64,194,.20), var(--shadow-red); } .btn-primary:hover{ background:linear-gradient(135deg, var(--brand-dark), var(--accent-dark)); border-color:transparent; transform:translateY(-1px); box-shadow:0 18px 34px rgba(7,28,94,.22), 0 14px 30px rgba(228,14,12,.18); } .btn-secondary{ background:#FFFFFF; color:var(--brand-dark); border-color:rgba(21,64,194,.26); box-shadow:0 10px 22px rgba(7,28,94,.06); } .btn-secondary:hover{ background:var(--brand-soft); border-color:rgba(21,64,194,.45); color:var(--brand-dark); } details{ margin-bottom:15px; overflow:hidden; background:#FFFFFF; border:1px solid var(--border); border-radius:22px; box-shadow:0 10px 26px rgba(7,28,94,.055); } summary{ position:relative; cursor:pointer; list-style:none; padding:21px 54px 21px 24px; color:var(--brand-dark); font-weight:780; } summary::after{ content:"+"; position:absolute; right:22px; top:50%; width:24px; height:24px; display:inline-flex; align-items:center; justify-content:center; border-radius:50%; background:var(--brand-soft); color:var(--brand); transform:translateY(-50%); font-weight:820; } details[open] summary::after{ content:"−"; background:var(--accent-soft); color:var(--accent); } summary::-webkit-details-marker{display:none} details p{ margin:0; padding:0 24px 24px; } a:not(.btn):hover{ color:var(--accent); text-decoration:underline; text-underline-offset:3px; } .mobile-toc{display:none !important;} @media(max-width:980px){ .page{padding-top:24px;} .layout{grid-template-columns:1fr;gap:24px;} .toc{display:none} .mobile-toc{ display:block !important; margin-bottom:24px; padding:18px; background:linear-gradient(180deg, #FFFFFF, #FAFBFF); border:1px solid var(--border); border-radius:22px; box-shadow:var(--shadow-soft); } .mobile-toc summary{ padding:0 34px 0 0; color:var(--brand-dark); font-size:13px; font-weight:820; letter-spacing:.11em; text-transform:uppercase; } .mobile-toc .toc-links{margin-top:18px} .mobile-toc .toc-links a{ display:block; margin:0 0 7px; padding:12px 11px; border:1px solid transparent; border-radius:15px; color:var(--body); font-size:15px; font-weight:670; line-height:1.35; text-align:left; text-decoration:none !important; } .mobile-toc .toc-links a:hover, .mobile-toc .toc-links a:focus, .mobile-toc .toc-links a:active{ background:linear-gradient(90deg, var(--accent-soft), var(--brand-soft)) !important; color:var(--brand-dark) !important; border-color:rgba(228,14,12,.18); text-decoration:none !important; } } @media(max-width:640px){ .page{padding:18px 16px 68px} .hero{padding:44px 24px 48px;border-radius:26px;} h1{font-size:34px;letter-spacing:-.04em;} h2{font-size:27px} h3{font-size:23px} h4{font-size:20px} .breadcrumb{font-size:12px;gap:8px;} .content-card{padding:32px 22px;border-radius:26px;} section{margin-bottom:58px} .info-grid{grid-template-columns:1fr} .btn{width:100%;white-space:normal;} } a.btn.btn-primary{ color:#ffffff !important; } .content-card ul { list-style: disc; padding-left: 22px; } .content-card ol { list-style: decimal; padding-left: 22px; } .content-card p, .content-card li { font-size: 18px; line-height: 1.9; } .content-card p, .content-card li, .content-card ul, .content-card ol { max-width: 100%; }

Kontakt

Pour toute question relative aux commandes, à la livraison, aux retours, aux échanges, aux paiements, à la confidentialité ou à la rétractation, le client peut utiliser les coordonnées ci-dessous.