/* Accueil, tarifs, application. */
.telephone { justify-self: center; width: 280px; border: 10px solid var(--encre); border-radius: 36px; background: var(--papier); padding: 18px 14px 22px; box-shadow: 0 30px 60px -30px rgba(22,25,28,.5); }
.telephone__ecran { font-size: .85rem; }
.tel-titre { display: flex; justify-content: space-between; font: 700 1.05rem/1 var(--titre); margin: 6px 0 14px; }
.tel-titre span { font: 500 .75rem/1 var(--mono); background: var(--champ); padding: 4px 7px; border-radius: 10px; }
.tel-ligne { display: flex; justify-content: space-between; align-items: center; padding: 9px 0; border-top: 1px solid var(--trait-clair); }
.tel-ligne .p { display: inline-grid; place-items: center; width: 30px; height: 30px; border: 1.5px solid var(--trait); border-radius: 4px; font: 700 .8rem/1 var(--mono); font-style: normal; }
.tel-ligne .on-b { background: var(--bon); border-color: var(--bon); color: #fff; }
.tel-ligne .on-u { background: var(--usage); border-color: var(--usage); color: #fff; }
.tel-note { background: var(--feuille); border: 1px solid var(--trait); border-radius: 4px; padding: 6px 8px; font-size: .78rem; color: var(--encre-2); }
.tel-photos { display: flex; gap: 6px; margin: 8px 0 4px; align-items: center; }
.tel-photos b { width: 42px; height: 42px; border-radius: 3px; background: linear-gradient(135deg, #C9C6BE, #E9E8E2); }
.tel-photos em { font-style: normal; font-size: .75rem; color: var(--accent); }
.tel-bouton { margin-top: 14px; background: var(--encre); color: #fff; text-align: center; padding: 10px; border-radius: 4px; font-weight: 600; }
@media (max-width: 959px) { .heros .feuille-doc { font-size: .72rem; } }