Politique de cookies (UE)

[cmplz-document type= »cookie-statement » region= »eu »]

/* ===================================================== NEWSLETTER INLINE — bloc articles ===================================================== */ .nl-inline-wrap { max-width: 800px; margin: 2.5em auto; background: linear-gradient(135deg, #111826, #0d1220); border: 1px solid rgba(249,115,22,0.25); border-radius: 20px; padding: 32px 28px; position: relative; overflow: hidden; } .nl-inline-wrap::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, var(--or), transparent); } .nl-inline-wrap::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: radial-gradient(ellipse 70% 60% at 100% 0%, rgba(249,115,22,0.06) 0%, transparent 60%); } .nl-inline-wrap h3 { position: relative; z-index: 1; font-family: var(--ft); font-size: clamp(1.15rem, 2.2vw, 1.4rem); font-weight: 700; color: var(--tw); margin: .4em 0 4px; line-height: 1.2; } .nl-inline-wrap > p { position: relative; z-index: 1; font-size: 0.9rem; color: var(--tm); margin-bottom: 18px; } .nl-inline-wrap .nl-fields { position: relative; z-index: 1; display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 10px; } .nl-inline-wrap .nl-field { flex: 1; min-width: 180px; background: rgba(255,255,255,0.05); border: 1.5px solid rgba(255,255,255,0.12); border-radius: 10px; padding: 13px 16px; font-size: 0.95rem; color: var(--tw); outline: none; font-family: var(--fb); transition: border-color .2s; } .nl-inline-wrap .nl-field:focus { border-color: var(--or); box-shadow: 0 0 0 3px rgba(249,115,22,0.1); } .nl-inline-wrap .nl-field::placeholder { color: rgba(148,163,184,0.5); } .nl-inline-wrap .nl-btn { background: linear-gradient(135deg, var(--or), var(--or2)); color: #fff; border: none; border-radius: 10px; padding: 13px 22px; font-size: 0.95rem; font-weight: 800; cursor: pointer; white-space: nowrap; font-family: var(--fb); transition: transform .15s, box-shadow .15s; box-shadow: 0 4px 16px rgba(249,115,22,0.3); } .nl-inline-wrap .nl-btn:hover { transform: translateY(-2px); box-shadow: 0 8px 24px rgba(249,115,22,0.4); } .nl-inline-wrap .nl-btn:disabled { opacity: .7; transform: none; cursor: wait; } .nl-inline-wrap .nl-ok { position: relative; z-index: 1; display: none; background: rgba(74,222,128,0.08); border: 1px solid rgba(74,222,128,0.2); border-radius: 9px; padding: 12px 16px; font-size: 0.88rem; color: var(--green-l); margin-top: 12px; line-height: 1.55; } .nl-inline-wrap .nl-err { position: relative; z-index: 1; display: none; background: rgba(220,38,38,0.08); border: 1px solid rgba(220,38,38,0.2); border-radius: 9px; padding: 12px 16px; font-size: 0.88rem; color: var(--red-l); margin-top: 12px; } .nl-inline-wrap .nl-rgpd { position: relative; z-index: 1; font-size: 0.77rem; color: var(--tm); margin-top: 10px; line-height: 1.5; }