
.lrs-itl.lrs-itl{--c:var(--lrs-accent,#E07A4A);--c2:var(--lrs-accent-lit,#E07A4A);
  --pp:var(--lrs-paper,#F6F1EC);--tn:var(--lrs-tint,246,241,236);
  font-family:var(--lrs-text,'Montserrat',-apple-system,'Helvetica Neue',Arial,sans-serif);
  display:flex;flex-direction:column;gap:16px;width:90%;max-width:560px;box-sizing:border-box;
  padding:20px;border-radius:16px;color:var(--pp);
  background:rgba(var(--tn),.05);border:1px solid rgba(var(--tn),.13);margin-left:auto;margin-right:auto}
@media(min-width:520px){.lrs-itl.lrs-itl{padding:22px 24px}}
.lrs-itl.lrs-itl *{box-sizing:border-box}
.lrs-itl__ph.lrs-itl__ph{position:relative;flex:0 0 auto;width:88px;height:88px}
.lrs-itl__ph.lrs-itl__ph img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;
  border:2px solid rgba(var(--tn),.16)}
.lrs-itl__ph.lrs-itl__ph i{position:absolute;right:2px;bottom:6px;width:15px;height:15px;border-radius:50%;
  background:#5FBF77;border:2.5px solid var(--lrs-ink,#0D0D0D)}
/* 17/09/2026 : l'onde du point n'est plus une ombre animee (repeinte a chaque image par le processeur, meme hors
   ecran) mais un disque place derriere le point, agrandi de 15 a 37 px pendant qu'il s'efface : meme etendue que
   l'ombre de 11 px d'avant, calculee par la carte graphique. En pause quand les fiches sont hors ecran (is-hors). */
.lrs-itl__ph.lrs-itl__ph::before{content:"";position:absolute;right:2px;bottom:6px;width:15px;height:15px;border-radius:50%;
  background:rgba(95,191,119,.55);opacity:0;pointer-events:none;animation:lrs-itl-onde 2.4s ease-out infinite}
@keyframes lrs-itl-onde{from{transform:scale(1);opacity:1}to{transform:scale(2.4667);opacity:0}}
.lrs-duo.lrs-duo.is-hors .lrs-itl__ph::before{animation-play-state:paused}
.lrs-itl__k.lrs-itl__k{font-size:10.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--c2)}
.lrs-itl.lrs-itl b{display:block;margin-top:7px;font-family:var(--lrs-display,'Montserrat',sans-serif);
  font-weight:700;font-size:19px;letter-spacing:-.02em;line-height:1.2}
.lrs-itl.lrs-itl b s{text-decoration:none;font-weight:400;font-size:13px;color:rgba(var(--tn),.55)}
.lrs-itl.lrs-itl p{margin:7px 0 0;font-size:13.5px;line-height:1.6;color:rgba(var(--tn),.62)}
.lrs-itl__ic.lrs-itl__ic{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}
/* 16/09/2026 : sans descriptif, telephone et WhatsApp en icones seules (44 px, libelle en aria-label et title).
   La rangee s'appelle lrs-itl__ic (lrs-itl__a avant) : lorents-boutons.php et le kit visent .lrs-itl__a a et en
   faisaient des boutons de 40 px a marge interne de 20 px, avec le pictogramme de 15 px et sa marge. */
.lrs-itl__ic.lrs-itl__ic a{display:inline-flex;align-items:center;justify-content:center;gap:0;text-decoration:none;
  width:44px;height:44px;padding:0;border-radius:50%;font-size:13.5px;font-weight:500;color:var(--pp);
  background:rgba(var(--tn),.06);border:1px solid rgba(var(--tn),.16)}
.lrs-itl__ic.lrs-itl__ic a:hover{border-color:rgba(224,122,74,.6);color:var(--c2)}
.lrs-itl__ic.lrs-itl__ic a:focus-visible{outline:2px solid var(--c2);outline-offset:2px}
.lrs-itl__ic.lrs-itl__ic svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){.lrs-itl__ph.lrs-itl__ph::before{animation:none}}

/* --- les deux fiches cote a cote --- */
/* deux colonnes fixes : une fiche par colonne, empilees sous 520 px */
/* 16/09/2026 : 24 px entre les deux fiches (12 avant, « pas d espace » dans la colonne de 530 px du bloc contact) */
.lrs-duo.lrs-duo{display:grid;grid-template-columns:1fr 1fr;gap:24px;
  width:100%;max-width:1160px;margin:0 auto;box-sizing:border-box}
@media(max-width:519px){.lrs-duo.lrs-duo{grid-template-columns:1fr}}
.lrs-duo.lrs-duo > .lrs-itl.lrs-itl{width:100%;min-width:0;max-width:none;margin:0}
