/* BETOTECH Newsletter – bloc d'inscription (couleurs du thème BETOTECH, valeurs de secours sinon). */
.btnl-bloc { --btnl-fonce: var(--vert-fonce, #3C4F48); --btnl-menthe: var(--menthe, #8CD3A5); --btnl-fond: var(--gris-clair, #F2F4F3); --btnl-ligne: var(--ligne, #DDE3E1); --btnl-doux: var(--texte-doux, #5A6663);
	background: var(--btnl-fond); border-left: 4px solid var(--btnl-menthe); border-radius: 6px; padding: 26px 28px; margin: 44px 0 10px; }
.btnl-tete { display: flex; gap: 16px; align-items: flex-start; margin-bottom: 18px; }
.btnl-tete svg { flex: none; width: 40px; height: 40px; fill: var(--btnl-fonce); background: #fff; border-radius: 50%; padding: 9px; box-sizing: border-box; }
.btnl-tete h2 { margin: 0 0 6px; font-size: 1.35rem; line-height: 1.3; }
.btnl-tete p { margin: 0; color: var(--btnl-doux); }
.btnl-grille { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 18px; }
.btnl-champ label { display: block; margin-bottom: 6px; font-size: .95rem; }
.btnl-champ input, .btnl-champ select { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #B9C5C1; border-radius: 4px; font: inherit; background: #fff; min-height: 46px; }
.btnl-champ input:focus, .btnl-champ select:focus { outline: 2px solid var(--btnl-menthe); outline-offset: 1px; border-color: var(--btnl-fonce); }
.btnl-accord { display: flex; gap: 10px; align-items: flex-start; margin: 16px 0 18px; font-size: .92rem; line-height: 1.5; }
.btnl-accord input { width: 18px; height: 18px; margin-top: 3px; flex: none; }
.btnl-accord a { color: var(--btnl-fonce); }
.btnl-btn { cursor: pointer; border: 0; }
.btnl-piege { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.btnl-msg { padding: 14px 16px; border-radius: 4px; margin: 0 0 16px; font-weight: 600; }
.btnl-msg-ok { background: var(--btnl-menthe); color: #1F2A26; }
.btnl-msg-ko { background: #F6D6D6; color: #6B1F1F; }
.btnl-page { max-width: 640px; padding: 50px 0 70px; }
.btnl-page h1 { margin-bottom: 18px; }
.btnl-page form { margin: 22px 0 10px; }
.btnl-petit { font-size: .9rem; color: var(--texte-doux, #5A6663); }
@media (max-width: 640px) {
	.btnl-bloc { padding: 22px 18px; }
	.btnl-grille { grid-template-columns: 1fr; }
	.btnl-tete svg { width: 34px; height: 34px; padding: 7px; }
}
.btnl-champ-large { margin-top: 14px; }
.btnl-champ textarea { width: 100%; box-sizing: border-box; padding: 11px 12px; border: 1px solid #B9C5C1; border-radius: 4px; font: inherit; background: #fff; min-height: 120px; resize: vertical; }
.btnl-champ textarea:focus { outline: 2px solid var(--btnl-menthe); outline-offset: 1px; border-color: var(--btnl-fonce); }
.btnl-champ small { color: var(--btnl-doux); font-size: .85em; }
.btnl-avis { background: #fff; border: 1px solid var(--btnl-ligne); border-left: 4px solid var(--btnl-fonce); }
.btnl-avis + .btnl-bloc { margin-top: 24px; }