.dhero{background:var(--bleu);color:#fff;padding:26px 0 30px}
.dhero .dpres{width:min(600px,100%);margin:0 auto;text-align:center}
.dlabel{font-size:12.5px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:rgba(255,255,255,.85);margin-bottom:12px}
.dhero .sb{position:relative}
.dhero .sb input{width:100%;height:54px;border-radius:999px;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.14);color:#fff;padding:0 60px 0 22px;font-size:16px;font-weight:600;outline:none}
.dhero .sb input::placeholder{color:rgba(255,255,255,.8)}
.dhero .sb .go{position:absolute;right:7px;top:7px;width:40px;height:40px;border-radius:999px;border:none;background:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center}
.dhero .sb .go svg{width:18px;height:18px;stroke:var(--bleu);fill:none;stroke-width:2.5}

.dwrap{max-width:760px;padding-top:22px;padding-bottom:42px}
.dnote{background:#FFF7E6;border:1px solid #F2E2B6;border-radius:12px;padding:14px 16px;font-size:14.5px;line-height:1.55;color:#6b5a16;margin-bottom:18px}

.dwrap .howto{border:1px solid var(--ligne);border-radius:12px;overflow:hidden}
.dwrap .howto-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;background:var(--bleu);color:#fff;border:none;padding:15px 18px;font:inherit;font-weight:700;font-size:15px;cursor:pointer;text-align:left}
.dwrap .howto-head svg{width:16px;height:16px;stroke:#fff;fill:none;stroke-width:2.5;flex-shrink:0;transition:.2s}
.dwrap .howto.open .howto-head svg{transform:rotate(180deg)}
.dwrap .howto-body{display:none;padding:15px 18px;font-size:14.5px;line-height:1.65;color:#3a3a44}
.dwrap .howto.open .howto-body{display:block}